/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--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-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--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-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:lab(55.4814% 75.0732 48.8528);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-sky-200:lab(88.6983% -11.3978 -16.8488);--color-rose-200:lab(86.806% 19.1909 4.07754);--color-rose-300:lab(76.6339% 38.3549 9.68835);--color-slate-100:lab(96.286% -.852436 -2.46847);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-300:lab(84.7652% -1.94535 -7.93337);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-500:lab(48.0876% -2.03595 -16.5814);--color-slate-950:lab(1.76974% 1.32743 -9.28855);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--primary);--color-border:var(--border)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.\@container\/field-group{container:field-group/inline-size}.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.\!start{inset-inline-start:var(--spacing)!important}.inset-s-1\/2{inset-inline-start:50%}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.end\!{inset-inline-end:var(--spacing)!important}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:calc(var(--spacing) * 0)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:calc(var(--spacing) * 0)}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.order-first{order:-9999}.order-last{order:9999}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.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:calc(var(--spacing) * 0)!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-0{margin-block:calc(var(--spacing) * 0)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.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-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.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-5{margin-bottom:calc(var(--spacing) * 5)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.block\!{display:block!important}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-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-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.h-\(--cell-size\){height:var(--cell-size)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-20{height:calc(var(--spacing) * 20)}.h-36{height:calc(var(--spacing) * 36)}.h-52{height:calc(var(--spacing) * 52)}.h-64{height:calc(var(--spacing) * 64)}.h-80{height:calc(var(--spacing) * 80)}.h-\[calc\(--spacing\(5\.5\)\)\]{height:calc(calc(var(--spacing) * 5.5))}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-max{height:max-content}.h-px{height:1px}.h-svh{height:100svh}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[300px\]{max-height:300px}.max-h-\[min\(calc\(--spacing\(96\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\]{max-height:min(calc(calc(var(--spacing) * 96) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9)))}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-52{min-height:calc(var(--spacing) * 52)}.min-h-\[240px\]{min-height:240px}.min-h-\[360px\]{min-height:360px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-\(--anchor-width\){width:var(--anchor-width)}.w-\(--cell-size\){width:var(--cell-size)}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[100px\]{width:100px}.w-\[calc\(100\%_-_2rem\)\]{width:calc(100% - 2rem)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\(--available-width\){max-width:var(--available-width)}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[80\%\]{max-width:80%}.max-w-\[440px\]{max-width:440px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-\(--cell-size\){min-width:var(--cell-size)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\]{min-width:calc(var(--anchor-width) + calc(var(--spacing) * 7))}.min-w-\[var\(--anchor-width\)\]{min-width:var(--anchor-width)}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-menubar-content-transform-origin\){transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-3\/4{--tw-translate-y:calc(calc(3 / 4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3\/4{--tw-translate-y:calc(3 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.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-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.scroll-px-1{scroll-padding-inline:calc(var(--spacing) * 1)}.scroll-py-1{scroll-padding-block:calc(var(--spacing) * 1)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;appearance:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.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-\[--spacing\(var\(--gap\)\)\]{gap:calc(var(--spacing) * var(--gap))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-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-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.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-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.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-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\(--color-border\){border-color:var(--color-border)}.border-border,.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab, var(--border) 50%, transparent)}}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-rose-300\/15{border-color:#ffa2ae26}@supports (color:color-mix(in lab, red, red)){.border-rose-300\/15{border-color:color-mix(in oklab, var(--color-rose-300) 15%, transparent)}}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.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-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-\[\#080b10\]{background-color:#080b10}.bg-\[Canvas\]{background-color:canvas}.bg-accent{background-color:var(--accent)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-background{background-color:var(--background)}.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\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-foreground{background-color:var(--foreground)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-500{background-color:var(--color-green-500)}.bg-input{background-color:var(--input)}.bg-muted,.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/30{background-color:color-mix(in oklab, var(--muted) 30%, transparent)}}.bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/40{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.bg-primary\/50{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/50{background-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-rose-300\/\[0\.05\]{background-color:#ffa2ae0d}@supports (color:color-mix(in lab, red, red)){.bg-rose-300\/\[0\.05\]{background-color:color-mix(in oklab, var(--color-rose-300) 5%, transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-clip-padding{background-clip:padding-box}.fill-current{fill:currentColor}.fill-foreground{fill:var(--foreground)}.fill-primary{fill:var(--primary)}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.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-12{padding:calc(var(--spacing) * 12)}.p-\[3px\]{padding:3px}.p-px{padding:1px}.px-\(--cell-size\){padding-inline:var(--cell-size)}.px-1{padding-inline:calc(var(--spacing) * 1)}.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-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.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-6{padding-block:calc(var(--spacing) * 6)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.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-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--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-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words,.wrap-break-word{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-\[CanvasText\]{color:canvastext}.text-accent-foreground{color:var(--accent-foreground)}.text-background{color:var(--background)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-foreground,.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/60{color:color-mix(in oklab, var(--foreground) 60%, transparent)}}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-rose-200{color:var(--color-rose-200)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sky-200{color:var(--color-sky-200)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-950{color:var(--color-slate-950)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-foreground{accent-color:var(--foreground)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_var\(--sidebar-border\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--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)}.ring\!{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-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)}.ring-2{--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)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-background{--tw-ring-color:var(--background)}.ring-card{--tw-ring-color:var(--card)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-ring,.outline-ring\/50{outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.outline-ring\/50{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.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\!{--tw-blur:blur(8px)!important;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,)!important}.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,)}.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,)!important}.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\!{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!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\,scale\,opacity\]{transition-property:translate,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.contain-content{contain:content}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--cell-size\:--spacing\(8\)\]{--cell-size:calc(var(--spacing) * 8)}.\[contain-intrinsic-size\:auto_10rem\]{contain-intrinsic-size:auto 10rem}.\[content-visibility\:auto\]{content-visibility:auto}.\[property\:value\]{property:value}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.group\/input-group):has([data-slot=combobox-clear]) *){display:none}.group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8:is(:where(.group\/message):has([data-slot=message-footer]) *){--tw-translate-y:calc(var(--spacing) * -8);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-data-\[variant\=ghost\]\/message\:px-0:is(:where(.group\/message):has([data-variant=ghost]) *){padding-inline:calc(var(--spacing) * 0)}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){align-self:flex-start}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2.5)}.group-data-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *){display:flex}.group-data-\[align\=end\]\/bubble\:self-end:is(:where(.group\/bubble)[data-align=end] *){align-self:flex-end}.group-data-\[align\=end\]\/message\:justify-end:is(:where(.group\/message)[data-align=end] *){justify-content:flex-end}.group-data-\[align\=end\]\/message\:self-end:is(:where(.group\/message)[data-align=end] *){align-self:flex-end}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing) * 0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:var(--ring)}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){height:calc(var(--spacing) * 9)}.group-data-\[orientation\=vertical\]\/attachment\:absolute:is(:where(.group\/attachment)[data-orientation=vertical] *){position:absolute}.group-data-\[orientation\=vertical\]\/attachment\:top-3:is(:where(.group\/attachment)[data-orientation=vertical] *){top:calc(var(--spacing) * 3)}.group-data-\[orientation\=vertical\]\/attachment\:right-3:is(:where(.group\/attachment)[data-orientation=vertical] *){right:calc(var(--spacing) * 3)}.group-data-\[orientation\=vertical\]\/attachment\:w-full:is(:where(.group\/attachment)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/attachment\:gap-1:is(:where(.group\/attachment)[data-orientation=vertical] *){gap:calc(var(--spacing) * 1)}.group-data-\[orientation\=vertical\]\/attachment\:px-1:is(:where(.group\/attachment)[data-orientation=vertical] *){padding-inline:calc(var(--spacing) * 1)}.group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){height:fit-content}.group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){flex-direction:column}.group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing) * 0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *){display:grid}.group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *){grid-template-columns:repeat(2,minmax(0,1fr))}.group-data-\[size\=sm\]\/attachment\:w-8:is(:where(.group\/attachment)[data-size=sm] *){width:calc(var(--spacing) * 8)}.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=xs\]\/attachment\:w-7:is(:where(.group\/attachment)[data-size=xs] *){width:calc(var(--spacing) * 7)}.group-data-\[size\=xs\]\/attachment\:rounded-md:is(:where(.group\/attachment)[data-size=xs] *){border-radius:var(--radius-md)}.group-data-\[state\=done\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state=done] *){opacity:1}.group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state=error] *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state=error] *){background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.group-data-\[state\=error\]\/attachment\:text-destructive:is(:where(.group\/attachment)[data-state=error] *),.group-data-\[state\=error\]\/attachment\:text-destructive\/80:is(:where(.group\/attachment)[data-state=error] *){color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.group-data-\[state\=error\]\/attachment\:text-destructive\/80:is(:where(.group\/attachment)[data-state=error] *){color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.group-data-\[state\=idle\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state=idle] *){opacity:1}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius-lg)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.group-data-\[variant\=separator\]\/marker\:flex-none:is(:where(.group\/marker)[data-variant=separator] *){flex:none}.group-data-\[variant\=separator\]\/marker\:text-center:is(:where(.group\/marker)[data-variant=separator] *){text-align:center}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *){text-align:center}.group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){top:100%}.group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *){margin-top:calc(var(--spacing) * 1.5)}.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){overflow:hidden}.group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-radius:var(--radius-md)}.group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *){background-color:var(--popover)}.group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *){color:var(--popover-foreground)}.group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-duration:.2s;transition-duration:.2s}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing) * 1)}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.before\:mr-1:before{content:var(--tw-content);margin-right:calc(var(--spacing) * 1)}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:min-w-0:before{content:var(--tw-content);min-width:calc(var(--spacing) * 0)}.before\:flex-1:before{content:var(--tw-content);flex:1}.before\:bg-border:before{content:var(--tw-content);background-color:var(--border)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:ml-1:after{content:var(--tw-content);margin-left:calc(var(--spacing) * 1)}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing) * 1)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:min-w-0:after{content:var(--tw-content);min-width:calc(var(--spacing) * 0)}.after\:flex-1:after{content:var(--tw-content);flex:1}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:bg-border:after{content:var(--tw-content);background-color:var(--border)}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--foreground)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}.group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);bottom:-5px}.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}.first\:rounded-l-md:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:mt-0:last-child{margin-top:calc(var(--spacing) * 0)}.last\:rounded-r-md:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:border-ring:focus-within{border-color:var(--ring)}.focus-within\:ring-1:focus-within{--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)}.focus-within\:ring-\[3px\]:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-ring\/50:focus-within{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-ring\/50:focus-within{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-primary:hover,.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:z-10:focus{z-index:10}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}:is(.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/30:focus-visible){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 30%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.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\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-focus\:border-ring:has(:focus){border-color:var(--ring)}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.has-disabled\:pointer-events-none:has(:disabled){pointer-events:none}.has-disabled\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.has-aria-invalid\:border-destructive:has([aria-invalid=true]){border-color:var(--destructive)}.has-aria-invalid\:ring-\[3px\]:has([aria-invalid=true]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-aria-invalid\:ring-destructive\/20:has([aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.has-aria-invalid\:ring-destructive\/20:has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr}.has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot=alert-dialog-media]){column-gap:calc(var(--spacing) * 6)}.has-data-\[slot\=attachment-content\]\:w-30:has([data-slot=attachment-content]){width:calc(var(--spacing) * 30)}.has-data-\[slot\=attachment-content\]\:px-1\.5:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 1.5)}.has-data-\[slot\=attachment-content\]\:px-2:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 2)}.has-data-\[slot\=attachment-content\]\:px-2\.5:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 2.5)}.has-data-\[slot\=attachment-content\]\:py-1:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 1)}.has-data-\[slot\=attachment-content\]\:py-1\.5:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 1.5)}.has-data-\[slot\=attachment-content\]\:py-2:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 2)}.has-data-\[slot\=attachment-media\]\:p-1:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 1)}.has-data-\[slot\=attachment-media\]\:p-1\.5:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 1.5)}.has-data-\[slot\=attachment-media\]\:p-2:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 2)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=combobox-chip\]\:px-1\.5:has([data-slot=combobox-chip]){padding-inline:calc(var(--spacing) * 1.5)}.has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot=combobox-chip-remove]){padding-right:calc(var(--spacing) * 0)}.has-data-\[state\=checked\]\:border-primary:has([data-state=checked]){border-color:var(--primary)}.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:color-mix(in oklab, var(--primary) 5%, transparent)}}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible){border-color:var(--ring)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){border-color:var(--destructive)}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.has-\[button\]\:p-0:has(:is(button)){padding:calc(var(--spacing) * 0)}.has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)){opacity:.5}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:var(--radius-md)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}@media (hover:hover){.has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has(>a,>button):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has(>a,>button):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button){margin-right:-.45rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing) * 4) 1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing) * 3)}.has-\[\>svg\]\:p-0:has(>svg){padding:calc(var(--spacing) * 0)}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.aria-selected\:text-muted-foreground[aria-selected=true]{color:var(--muted-foreground)}.aria-\[orientation\=horizontal\]\:h-px[aria-orientation=horizontal]{height:1px}.aria-\[orientation\=horizontal\]\:w-full[aria-orientation=horizontal]{width:100%}.aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation=horizontal]:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation=horizontal]:after{content:var(--tw-content);height:calc(var(--spacing) * 1)}.aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation=horizontal]:after{content:var(--tw-content);width:100%}.aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation=horizontal]:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation=horizontal]:after{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.aria-\[orientation\=vertical\]\:flex-col[aria-orientation=vertical]{flex-direction:column}.data-active\:bg-background[data-active]{background-color:var(--background)}.data-active\:text-foreground[data-active]{color:var(--foreground)}.data-active\:shadow-sm[data-active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-checked\:translate-x-4[data-checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-checked\:border-primary[data-checked]{border-color:var(--primary)}.data-checked\:bg-primary[data-checked]{background-color:var(--primary)}.data-checked\:text-primary-foreground[data-checked]{color:var(--primary-foreground)}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-empty\:p-0[data-empty]{padding:calc(var(--spacing) * 0)}.data-highlighted\:bg-accent[data-highlighted]{background-color:var(--accent)}.data-highlighted\:text-accent-foreground[data-highlighted]{color:var(--accent-foreground)}.data-pending-scroll\:invisible[data-pending-scroll]{visibility:hidden}.data-pressed\:bg-accent[data-pressed]{background-color:var(--accent)}.data-pressed\:bg-transparent[data-pressed]{background-color:#0000}.data-pressed\:text-accent-foreground[data-pressed]{color:var(--accent-foreground)}:is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align=end] *)>*)[data-slot]{align-self:flex-end}.data-\[active\=false\]\:pointer-events-none[data-active=false]{pointer-events:none}.data-\[active\=false\]\:scale-95[data-active=false]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[active\=false\]\:opacity-0[data-active=false]{opacity:0}.data-\[active\=false\]\:duration-400[data-active=false]{--tw-duration:.4s;transition-duration:.4s}.data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active=false]{--tw-ease:cubic-bezier(.7,0,.84,0);transition-timing-function:cubic-bezier(.7,0,.84,0)}.data-\[active\=true\]\:z-10[data-active=true]{z-index:10}.data-\[active\=true\]\:translate-y-0[data-active=true]{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[active\=true\]\:scale-100[data-active=true]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[active\=true\]\:border-ring[data-active=true]{border-color:var(--ring)}.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-accent-foreground[data-active=true]{color:var(--accent-foreground)}.data-\[active\=true\]\:opacity-100[data-active=true]{opacity:1}.data-\[active\=true\]\:ring-\[3px\][data-active=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active=true]{--tw-ease:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}@media (hover:hover){.data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover{background-color:var(--accent)}}.data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus{background-color:var(--accent)}.data-\[active\=true\]\:aria-invalid\:border-destructive[data-active=true][aria-invalid=true]{border-color:var(--destructive)}.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[align\=end\]\:flex-row-reverse[data-align=end]{flex-direction:row-reverse}.data-\[align\=end\]\:self-end[data-align=end]{align-self:flex-end}.data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips=true]{min-width:var(--anchor-width)}.data-\[direction\=end\]\:bottom-4[data-direction=end]{bottom:calc(var(--spacing) * 4)}.data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction=end][data-active=false]{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[direction\=start\]\:top-4[data-direction=start]{top:calc(var(--spacing) * 4)}.data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction=start][data-active=false]{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[error\=true\]\:text-destructive[data-error=true]{color:var(--destructive)}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing) * 8)}.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:var(--destructive)}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:var(--radius-md)}.data-\[range-end\=true\]\:rounded-r-md[data-range-end=true]{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:var(--primary)}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:var(--primary-foreground)}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:var(--accent)}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:var(--accent-foreground)}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:var(--radius-md)}.data-\[range-start\=true\]\:rounded-l-md[data-range-start=true]{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:var(--primary)}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:var(--primary-foreground)}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:var(--primary)}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:var(--primary-foreground)}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing) * 9)}.data-\[size\=default\]\:h-\[1\.15rem\][data-size=default]{height:1.15rem}.data-\[size\=default\]\:w-8[data-size=default]{width:calc(var(--spacing) * 8)}.data-\[size\=lg\]\:size-10[data-size=lg]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.data-\[size\=sm\]\:h-3\.5[data-size=sm]{height:calc(var(--spacing) * 3.5)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:w-6[data-size=sm]{width:calc(var(--spacing) * 6)}.data-\[size\=sm\]\:max-w-xs[data-size=sm]{max-width:var(--container-xs)}.data-\[size\=sm\]\:py-1[data-size=sm]{padding-block:calc(var(--spacing) * 1)}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab, var(--destructive) 90%, transparent)}}:is(.\*\:data-\[slot\=attachment\]\:flex-none>*)[data-slot=attachment]{flex:none}:is(.\*\:data-\[slot\=attachment\]\:snap-start>*)[data-slot=attachment]{scroll-snap-align:start}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--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)}:is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar]{--tw-ring-color:var(--background)}:is(.\*\:data-\[slot\=bubble-content\]\:rounded-none>*)[data-slot=bubble-content]{border-radius:0}:is(.\*\:data-\[slot\=bubble-content\]\:border-border>*)[data-slot=bubble-content]{border-color:var(--border)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\]>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .93 calc(c * .4) h)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-background>*)[data-slot=bubble-content]{background-color:var(--background)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10>*)[data-slot=bubble-content]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10>*)[data-slot=bubble-content]{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}:is(.\*\:data-\[slot\=bubble-content\]\:bg-muted>*)[data-slot=bubble-content]{background-color:var(--muted)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-primary>*)[data-slot=bubble-content]{background-color:var(--primary)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-secondary>*)[data-slot=bubble-content]{background-color:var(--secondary)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent>*)[data-slot=bubble-content]{background-color:#0000}:is(.\*\:data-\[slot\=bubble-content\]\:p-0>*)[data-slot=bubble-content]{padding:calc(var(--spacing) * 0)}:is(.\*\:data-\[slot\=bubble-content\]\:text-destructive>*)[data-slot=bubble-content]{color:var(--destructive)}:is(.\*\:data-\[slot\=bubble-content\]\:text-foreground>*)[data-slot=bubble-content]{color:var(--foreground)}:is(.\*\:data-\[slot\=bubble-content\]\:text-primary-foreground>*)[data-slot=bubble-content]{color:var(--primary-foreground)}:is(.\*\:data-\[slot\=bubble-content\]\:text-secondary-foreground>*)[data-slot=bubble-content]{color:var(--secondary-foreground)}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing) * 12)}:is(.\*\:data-\[slot\=input-group\]\:m-1>*)[data-slot=input-group]{margin:calc(var(--spacing) * 1)}:is(.\*\:data-\[slot\=input-group\]\:mb-0>*)[data-slot=input-group]{margin-bottom:calc(var(--spacing) * 0)}:is(.\*\:data-\[slot\=input-group\]\:h-8>*)[data-slot=input-group]{height:calc(var(--spacing) * 8)}:is(.\*\:data-\[slot\=input-group\]\:border-input\/30>*)[data-slot=input-group]{border-color:var(--input)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=input-group\]\:border-input\/30>*)[data-slot=input-group]{border-color:color-mix(in oklab, var(--input) 30%, transparent)}}:is(.\*\:data-\[slot\=input-group\]\:bg-input\/30>*)[data-slot=input-group]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=input-group\]\:bg-input\/30>*)[data-slot=input-group]{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}:is(.\*\:data-\[slot\=input-group\]\:shadow-none>*)[data-slot=input-group]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{--tw-outline-style:none;outline-style:none}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}:is(.group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\!:is(:where(.group\/attachment)[data-orientation=vertical] *)>*)[data-slot=spinner]{width:calc(var(--spacing) * 6)!important;height:calc(var(--spacing) * 6)!important}.data-\[spacing\=0\]\:rounded-none[data-spacing="0"]{border-radius:0}.data-\[spacing\=0\]\:shadow-none[data-spacing="0"]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[spacing\=0\]\:first\:rounded-l-md[data-spacing="0"]:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.data-\[spacing\=0\]\:last\:rounded-r-md[data-spacing="0"]:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after{content:var(--tw-content);opacity:1}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=error\]\:border-destructive\/30[data-state=error]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=error\]\:border-destructive\/30[data-state=error]{border-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.data-\[state\=idle\]\:border-dashed[data-state=idle]{--tw-border-style:dashed;border-style:dashed}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:var(--accent)}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:var(--accent)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\[variant\=ghost\]\:max-w-full[data-variant=ghost]{max-width:100%}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}.data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-spacing="0"][data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l[data-spacing="0"][data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing=default][data-variant=outline]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@media (min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.sm\:pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.sm\:text-left{text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *){grid-row:span 2/span 2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *){place-items:start}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *){text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){grid-column-start:2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr}.data-\[size\=default\]\:sm\:max-w-lg[data-size=default]{max-width:var(--container-lg)}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (min-width:48rem){.md\:absolute{position:absolute}.md\:block{display:block}.md\:flex{display:flex}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:text-left{text-align:left}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing) * 0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:var(--radius-xl)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@container field-group (width>=28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}.rtl\:translate-x-1\/2:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (prefers-color-scheme:dark){.dark\:border-input{border-color:var(--input)}.dark\:bg-accent{background-color:var(--accent)}.dark\:bg-destructive\/60{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60{background-color:color-mix(in oklab, var(--destructive) 60%, transparent)}}.dark\:bg-input\/30{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:bg-transparent{background-color:#0000}.dark\:text-muted-foreground{color:var(--muted-foreground)}@media (hover:hover){.dark\:hover\:bg-accent\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.dark\:hover\:bg-input\/50:hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.dark\:hover\:text-foreground:hover{color:var(--foreground)}}.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:has-aria-invalid\:border-destructive\/50:has([aria-invalid=true]){border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:has-aria-invalid\:border-destructive\/50:has([aria-invalid=true]){border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\:has-aria-invalid\:ring-destructive\/40:has([aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:has-aria-invalid\:ring-destructive\/40:has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:has-data-\[state\=checked\]\:bg-primary\/10:has([data-state=checked]){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dark\:has-data-\[state\=checked\]\:bg-primary\/10:has([data-state=checked]){background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40[data-active=true][aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}:is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\]>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .3 calc(c * .4) h)}:is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20>*)[data-slot=bubble-content]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20>*)[data-slot=bubble-content]{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark\:data-\[state\=active\]\:border-input[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.dark\:data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:color-mix(in oklab, var(--input) 80%, transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}}@media (pointer:coarse){.pointer-coarse\:size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.pointer-coarse\:px-3{padding-inline:calc(var(--spacing) * 3)}.pointer-coarse\:py-2{padding-block:calc(var(--spacing) * 2)}.pointer-coarse\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{stroke:var(--border)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{stroke:color-mix(in oklab, var(--border) 50%, transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke=\#ccc]{stroke:var(--border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke=\#ccc]{stroke:var(--border)}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing) * 0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction=start] svg{rotate:180deg}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]),.group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6:is(:where(.group\/attachment)[data-orientation=vertical] *) svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5:is(:where(.group\/attachment)[data-size=xs] *) svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing) * 3)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing) * 3)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}:is(.rtl\:\*\*\:\[\.rdp-button\\\\_next\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[a\]\:underline:is(a){text-decoration-line:underline}.\[a\]\:underline-offset-3:is(a){text-underline-offset:3px}.\[a\]\:transition-colors:is(a){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))}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}@media (hover:hover){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.\[a\]\:hover\:text-foreground:is(a):hover,:is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover{color:var(--foreground)}}.\[button\]\:text-left:is(button){text-align:left}.\[button\,a\]\:transition-colors:is(button,a){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))}.\[button\,a\]\:outline-none:is(button,a){--tw-outline-style:none;outline-style:none}.\[button\,a\]\:focus-visible\:border-ring:is(button,a):focus-visible{border-color:var(--ring)}.\[button\,a\]\:focus-visible\:ring-3:is(button,a):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[button\,a\]\:focus-visible\:ring-ring\/50:is(button,a):focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.\[button\,a\]\:focus-visible\:ring-ring\/50:is(button,a):focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}:is(.\*\:\[img\]\:aspect-square>*):is(img){aspect-ratio:1}:is(.\*\:\[img\]\:w-full>*):is(img){width:100%}:is(.\*\:\[img\]\:object-cover>*):is(img){object-fit:cover}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant=destructive]>*):is(svg){color:var(--destructive)!important}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected=true] button{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}.\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field]{padding:calc(var(--spacing) * 4)}@container field-group (width>=28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--muted),var(--foreground) 5%)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .88 calc(c * .5) h)}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:text-foreground>[data-slot=bubble-content]:is(button,a):hover{color:var(--foreground)}@media (prefers-color-scheme:dark){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .35 calc(c * .5) h)}.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing) * 4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (width>=28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]){margin-top:1px}@container field-group (width>=28rem){:is(.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]){margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--primary)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>h2\]\:text-lg>h2{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.\[\&\>h2\]\:font-semibold>h2{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>p\]\:text-sm>p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\[\&\>p\]\:text-muted-foreground>p{color:var(--muted-foreground)}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted-foreground)}.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{display:none}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation=horizontal]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:color-mix(in oklab, var(--background) 20%, transparent)}}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:var(--background)}@media (prefers-color-scheme:dark){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10{background-color:color-mix(in oklab, var(--background) 10%, transparent)}}}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab, var(--secondary) 90%, transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}a.\[a\&\]\:hover\:underline:hover{text-decoration-line:underline}}}.website-editor-tabs{flex-shrink:0}.website-device-editor{border-bottom:1px solid var(--line);flex-shrink:0;margin-bottom:4px;padding:0 0 13px}.website-device-heading{color:#6f587e;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;font-size:10px;display:flex}.website-device-heading>span:last-child{color:#9b8aa6;font-size:9px}.website-device-tabs{width:100%;display:flex}.website-device-tabs button{flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:32px;padding:6px 5px;font-size:10px;display:flex}.website-device-tabs button svg{flex:none}.website-device-editor>p{color:#94829f;margin:8px 0 0;font-size:10px;line-height:1.5}.website-device-actions{justify-content:space-between;gap:10px;margin-top:9px;display:flex}.website-device-actions button{color:#7e5b94;align-items:center;gap:5px;padding:3px 0;font-size:10px;display:inline-flex}.website-device-actions button:hover:not(:disabled){color:#6a21a6}.website-device-actions button:disabled{color:#b2a5ba;cursor:default}.website-responsive-field{min-width:0}.website-field-inheritance{color:#aa9bb4;justify-content:flex-end;align-items:center;gap:10px;min-height:17px;margin:-3px 0 7px;font-size:8px;line-height:1.4;display:flex}.website-field-inheritance button{color:#8b5ba9;align-items:center;gap:3px;padding:2px 0 2px 3px;display:inline-flex}.website-field-inheritance button:hover{color:#652299}.website-responsive-field.is-custom>.website-field-inheritance>span{color:#9367b0}.website-responsive-field>.website-option-row{margin-bottom:8px}.website-responsive-field>.toggle-row,.website-responsive-field .website-select-field{margin-bottom:5px}.website-shared-note{color:#887293;background:#f6f1fa;border-radius:6px;margin:11px 0 0;padding:10px 11px;font-size:10px;line-height:1.6}.website-editor-content{min-width:0}.website-editor-content .section-heading h3{font-size:15px}.website-editor-content .control-description{margin-bottom:14px}.website-editor-content .slider-control{grid-template-columns:103px minmax(28px,1fr) 51px;column-gap:10px;min-height:40px}.website-editor-content .slider-control>label{white-space:normal;font-size:11px;line-height:1.35}.website-editor-content .toggle-row{gap:12px}.website-editor-content .toggle-row>span:first-child{min-width:0;line-height:1.45}.website-editor-content .toggle-row small{line-height:1.55}.website-editor-field{min-width:0;margin:15px 0}.website-editor-field:last-child{margin-bottom:0}.website-field-heading{color:#65586f;justify-content:space-between;align-items:center;gap:9px;margin-bottom:7px;display:flex}.website-field-heading>label,.website-field-heading>span{font-size:11px;font-weight:500;line-height:1.45}.website-field-heading>svg{color:#9c8ba8;flex-shrink:0}.website-editor-field input,.website-editor-field textarea,.website-select-field select{color:#392f43;background:#fdfcfe;border:1px solid #ded6e5;border-radius:6px;width:100%;min-width:0;padding:9px 10px;font-size:12px;line-height:1.5;transition:border-color .12s,background .12s}.website-editor-field textarea{resize:vertical;min-height:63px;max-height:240px}.website-editor-field input:hover,.website-editor-field textarea:hover,.website-select-field select:hover{border-color:#cdbddc}.website-editor-field input:focus,.website-editor-field textarea:focus,.website-select-field select:focus{outline-offset:1px;background:#fff;border-color:#a978dc;outline:2px solid #8f48e51a}.website-editor-field input[aria-invalid=true]{border-color:#bc6a6a}.website-url-field input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.website-url-field input::placeholder{color:#a094ab;opacity:1}.website-field-hint,.website-section-note{color:#85768f;margin:6px 0 0;font-size:10px;line-height:1.6}.website-section-note{margin-top:12px}.website-field-error{color:#9f3f4a;margin:7px 0 0;font-size:10px;line-height:1.6}.website-visibility{color:#97899f;white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:9px;display:inline-flex}.website-visibility.is-visible{color:#77508f;background:#f5effa}.website-visibility:hover{color:#6d2ca1;background:#eee3f8}.website-visibility svg{flex-shrink:0}.website-link-editor{background:#fff;border:1px solid #e5ddea;border-radius:7px;margin:9px 0;overflow:hidden}.website-link-editor>summary{cursor:pointer;background:#fdfbff;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;list-style:none;display:flex}.website-link-editor>summary::-webkit-details-marker{display:none}.website-editor-details>summary::-webkit-details-marker{display:none}.website-link-editor>summary:hover{background:#f8f2ff}.website-link-editor>summary>span:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.website-link-editor>summary strong{color:#584863;font-size:10px;font-weight:550}.website-link-summary-label{color:#92839d;white-space:nowrap;text-overflow:ellipsis;max-width:205px;font-size:10px;overflow:hidden}.website-link-summary-state{color:#94839f;flex-shrink:0;align-items:center;gap:7px;font-size:9px;display:inline-flex}.website-link-editor[open]>summary .website-link-summary-state svg,.website-editor-details[open]>summary>svg{transform:rotate(180deg)}.website-link-editor[open]>summary{border-bottom:1px solid #ede6f2}:is(.website-link-editor>summary:focus-visible,.website-editor-details>summary:focus-visible){outline:2px solid var(--accent);outline-offset:-3px;border-radius:5px}.website-link-fields{padding:3px 12px 12px}.website-link-fields .toggle-row{margin-top:9px;margin-bottom:4px}.website-link-fields .toggle-row>span:first-child{font-size:10px}.website-link-fields .website-editor-field{margin:12px 0}.website-link-fields .website-field-heading>label{font-size:10px}.website-link-tools{align-items:center;gap:5px;margin-bottom:8px;padding-top:8px;display:flex}.website-link-tools>span{color:#9a8ba5;margin-right:3px;font-size:9px}.website-mini-button{color:#82688f;background:#fff;border:1px solid #e6deed;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.website-mini-button:hover{color:#7121b5;background:#f8f1ff;border-color:#c2a0dd}.website-mini-button:disabled{opacity:.3;cursor:default}.website-mini-button.website-delete-link{margin-left:auto}.website-mini-button.website-delete-link:hover{color:#a7465b;background:#fff6f8;border-color:#e6bdc8}.website-editor-details{border-top:1px solid #ebe3f0;margin-top:18px}.website-editor-details>summary{cursor:pointer;color:#675272;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;font-size:11px;list-style:none;display:flex}.website-editor-details>summary>span{align-items:center;gap:9px;display:flex}.website-editor-details>summary small{color:#a08eab;font-size:9px;font-weight:400}.website-navigation-list{padding-bottom:5px}.website-add-link.button{width:100%;min-height:33px;margin-top:4px;padding:7px 8px;font-size:10px}.website-logo-editor{margin-top:19px}.website-logo-editor>.website-field-heading{margin-bottom:10px}.website-logo-preview{background-color:#faf8fc;background-image:linear-gradient(45deg,#eee8f4 25%,#0000 25%),linear-gradient(-45deg,#eee8f4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee8f4 75%),linear-gradient(-45deg,#0000 75%,#eee8f4 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;border:1px solid #e5ddea;border-radius:7px;justify-content:center;align-items:center;height:76px;padding:10px;display:flex}.website-logo-preview img{object-fit:contain;max-width:90%;max-height:54px;display:block}.website-upload-button.button{width:100%;min-height:34px;margin-top:10px;padding:7px 11px;font-size:10px}.website-choice-row{width:100%;display:flex}.website-choice-row button{flex:1;min-width:0;padding:6px 7px;font-size:10px}.website-option-row{color:#66566f;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;font-size:11px;display:flex}.website-option-row>span{flex-shrink:0}.website-option-row .website-choice-row{max-width:177px}.website-alignment button{place-items:center;min-height:29px;padding:5px 9px;display:grid}.website-layout-starters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0 20px;display:grid}.website-layout-starters button{background:linear-gradient(145deg,#fdfbff,#f9f5fc);border:1px solid #e4dcea;border-radius:7px;min-width:0;padding:9px 8px 8px}.website-layout-starters button:hover{background:#f5ecff;border-color:#ba94d9}.website-layout-starters strong{color:#786084;margin-top:8px;font-size:10px;font-weight:500;display:block}.website-layout-mini{background:#fff;border-radius:3px;flex-direction:column;align-items:flex-start;height:41px;padding:5px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e5ddec}.website-layout-mini i{z-index:1;background:#a58bb6;border-radius:2px;width:40%;height:3px;margin-bottom:3px;display:block}.website-layout-mini i:nth-child(2){width:32%}.website-layout-mini i:nth-child(3){opacity:.5;width:21%;height:2px}.website-layout-mini b{border-top:5px solid #ad76e0;border-radius:50%;width:72%;height:15px;position:absolute;top:21px;left:44%;transform:rotate(-18deg)}.website-layout-mini-center{align-items:center}.website-layout-mini-center b{top:30px;left:15%;transform:rotate(0)}.website-layout-mini-right{align-items:flex-end}.website-layout-mini-right b{left:-17%;transform:rotate(18deg)}.website-select-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:13px 0 12px;display:grid}.website-select-field{color:#76617f;flex-direction:column;gap:7px;min-width:0;margin-bottom:11px;font-size:10px;line-height:1.4;display:flex}.website-select-grid .website-select-field{margin-bottom:0}.website-select-field select{-webkit-appearance:auto;appearance:auto;background:#fff;min-height:35px;padding:7px 8px;font-size:11px}.website-color-themes{gap:8px;margin:7px 0 15px;display:flex}.website-color-themes button{color:#796184;border:1px solid #e3daeb;border-radius:6px;align-items:center;gap:7px;padding:6px 11px;font-size:10px;display:inline-flex}.website-color-themes button:hover{background:#faf5ff;border-color:#bc95da}.website-color-themes span{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #3c2c4e1a}.website-theme-paper{background:#faf9f7}.website-theme-ink{background:#15121e}.website-editor-content .color-field{gap:8px;font-size:11px}.website-button-styles{margin-bottom:13px}.website-editor-actions{border-top:1px solid var(--line);flex-shrink:0;padding-top:16px}.website-editor-actions .button{gap:8px;min-height:39px;font-size:12px}.website-editor-actions+.inspector-footer{margin-top:0;padding-top:13px}@media (max-width:1200px) and (min-width:761px){.website-editor-content .slider-control{grid-template-columns:88px minmax(24px,1fr) 48px;column-gap:7px}.website-editor-content .slider-control>label{font-size:10px}.website-editor-content .color-field{grid-template-columns:23px minmax(0,1fr) 74px;gap:7px;font-size:10px}.website-editor-content .hex-input{width:74px}.website-option-row{gap:7px;font-size:10px}.website-option-row .website-choice-row{max-width:154px}.website-choice-row button{padding-left:5px;padding-right:5px;font-size:9px}}@media (max-width:760px){.website-editor-content .section-heading h3{font-size:17px}.website-editor-field input,.website-editor-field textarea{font-size:14px}.website-url-field input,.website-field-heading>label,.website-field-heading>span{font-size:12px}.website-editor-content .slider-control{grid-template-columns:112px minmax(36px,1fr) 54px;column-gap:12px;min-height:44px}.website-editor-content .slider-control>label{font-size:12px}.website-layout-mini{height:48px}.website-editor-actions{padding-top:18px}}.apps-editor-tabs{flex-shrink:0}.apps-editor-content{min-width:0}.apps-editor-content .section-heading h3{font-size:15px}.apps-editor-content .control-description{margin-bottom:14px}.apps-editor-content .slider-control{grid-template-columns:82px minmax(28px,1fr) 54px;column-gap:11px;min-height:42px}.apps-editor-content .slider-control>label{white-space:normal;font-size:11px;line-height:1.4}.apps-editor-content .number-control{min-width:0}.apps-editor-content .toggle-row{gap:12px}.apps-editor-content .toggle-row>span:first-child{min-width:0;line-height:1.45}.apps-editor-content .toggle-row small{line-height:1.6}.apps-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.apps-format-card{text-align:left;color:#7b6b85;background:#fff;border:1px solid #e4dce9;border-radius:8px;flex-direction:column;align-items:flex-start;min-width:0;padding:12px 12px 11px;display:flex}.apps-format-card:hover{background:#fcf9ff;border-color:#c3a4da}.apps-format-card.active{background:#faf4ff;border-color:#ae7bd5;box-shadow:0 0 0 1px #7c2cff09}.apps-format-symbol{color:#977ba7;justify-content:space-between;align-items:center;width:100%;height:22px;margin-bottom:7px;display:flex}.apps-format-symbol svg{stroke-width:1.5px}.apps-format-card.active .apps-format-symbol{color:#874cb7}.apps-format-symbol .apps-format-check{color:#7b3fac;stroke-width:2px;background:#e9d9f8;border-radius:50%;width:17px;height:17px;padding:3px}.apps-format-card strong{color:#574261;font-size:11px;font-weight:550;line-height:1.5}.apps-format-card small{color:#96829f;margin-top:2px;font-size:9px;line-height:1.5}.apps-format-description{color:#8c7b96;margin-top:12px;font-size:10px;line-height:1.6}.apps-editor-field{min-width:0;margin:13px 0}.apps-editor-field:first-child{margin-top:0}.apps-editor-field:last-child{margin-bottom:0}.apps-editor-field>label{color:#6c5778;margin-bottom:7px;font-size:11px;font-weight:500;line-height:1.4;display:block}.apps-editor-field>input,.apps-editor-field>select{color:#44334f;background:#fff;border:1px solid #ded5e6;border-radius:6px;width:100%;min-width:0;padding:9px 10px;font-size:12px;line-height:1.5}.apps-editor-field>select{-webkit-appearance:auto;appearance:auto;padding:9px 8px}.apps-editor-field>input:hover,.apps-editor-field>select:hover{border-color:#cdbadc}.apps-editor-field>input:focus,.apps-editor-field>select:focus{outline-offset:1px;border-color:#a978dc;outline:2px solid #8f48e51a}.apps-field-hint{color:#85718f;margin:8px 0 0;font-size:10px;line-height:1.6}.apps-pack-hint{color:#95839d}.apps-export-spec{background:#fcfafd;border:1px solid #e8e0ed;border-radius:7px;align-items:center;gap:10px;margin:14px 0 10px;padding:11px 12px;display:flex}.apps-file-badge{color:#9874b0;letter-spacing:.6px;background:#fff;border:1px solid #ded1e7;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:33px;height:36px;font-size:8px;font-weight:600;display:inline-flex}.apps-export-spec>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.apps-export-spec strong{color:#5b456b;font-variant-numeric:tabular-nums;font-size:12px;font-weight:550}.apps-export-spec small{color:#9b86a6;font-size:9px;line-height:1.45}.apps-mask-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:11px;display:grid}.apps-mask-grid button{color:#937b9f;border:1px solid #e7dfed;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;padding:10px 2px 8px;font-size:8px;line-height:1.3;display:flex}.apps-mask-grid button:hover{background:#faf5ff;border-color:#c8a9de}.apps-mask-grid button.active{color:#764890;background:#f7effe;border-color:#b58cd2}.apps-mask-symbol{background:linear-gradient(145deg,#a681bd18,#9c70c82a);border:1.25px solid;width:21px;height:21px;display:block}.apps-mask-platform{border-radius:6px;box-shadow:inset 0 0 0 4px #fff8}.apps-mask-squircle{border-radius:32%}.apps-mask-rounded{border-radius:23%}.apps-mask-circle{border-radius:50%}.apps-mask-square{border-radius:0}.apps-backgrounds{gap:7px;margin:8px 0 12px;display:flex}.apps-backgrounds button{color:#796184;border:1px solid #e3daeb;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;padding:6px 10px;font-size:10px;display:inline-flex}.apps-backgrounds button:hover,.apps-backgrounds button.active{background:#faf5ff;border-color:#c2a0da}.apps-backgrounds button span{border-radius:50%;flex-shrink:0;width:11px;height:11px;box-shadow:inset 0 0 0 1px #3c2c4e1a}.apps-editor-content .color-field{gap:8px;font-size:11px}.apps-framing-starters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0 16px;display:grid}.apps-framing-starters button{color:#81668f;background:#fff;border:1px solid #e5dce9;border-radius:6px;flex-direction:column;align-items:center;gap:7px;padding:9px 7px 8px;font-size:10px;display:flex}.apps-framing-starters button:hover,.apps-framing-starters button.active{background:#faf4ff;border-color:#c1a0d7}.apps-framing-mini{background:#f3edf7;border-radius:5px;justify-content:center;align-items:center;width:40px;height:33px;display:flex;overflow:hidden}.apps-framing-mini i{border-top:4px solid #ac82c7;border-bottom:4px solid #cfb4df;border-radius:50%;flex-shrink:0;width:26px;height:14px;display:block;transform:rotate(-25deg)}.apps-framing-fill i{border-width:6px;width:43px;height:22px}.apps-framing-detail i{border-width:9px;width:65px;height:34px;transform:rotate(-38deg)translate(4px)}.apps-editor-actions{border-top:1px solid var(--line);flex-shrink:0;padding-top:15px}.apps-editor-actions .button{gap:7px;min-height:39px;font-size:11px}.apps-editor-actions .button>span{color:#d1c3de;margin-left:auto;font-size:8px;font-weight:400}.apps-editor-actions .apps-reset{color:#9e89a9;justify-content:center;align-items:center;gap:6px;width:100%;min-height:23px;margin-top:9px;font-size:9px;display:flex}.apps-editor-actions .apps-reset:hover{color:#754494}.apps-checkerboard{background-color:#fbf9fc;background-image:linear-gradient(45deg,#eae5ee 25%,#0000 25%),linear-gradient(-45deg,#eae5ee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eae5ee 75%),linear-gradient(-45deg,#0000 75%,#eae5ee 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.apps-samples{min-width:0;margin-top:18px;container-type:inline-size}.apps-samples-heading{justify-content:space-between;align-items:baseline;gap:8px;padding:0 1px;display:flex}.apps-samples-heading h3{letter-spacing:-.15px;color:#65516f;font-size:12px;font-weight:550}.apps-samples-heading>span{color:#aa96b5;font-size:8px}.apps-sample-layout{grid-template-columns:minmax(280px,1.45fr) minmax(150px,1fr);gap:12px;margin-top:11px;display:grid}.apps-size-strip{background:#ffffff9c;border:1px solid #e8e0ed;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:16px 12px 13px;display:grid}.apps-size-sample{flex-direction:column;align-items:center;min-width:0;display:flex}.apps-size-stage{justify-content:center;align-items:center;height:64px;display:flex}.apps-sample-canvas{flex-shrink:0;max-width:none;display:block}.apps-size-sample>span{color:#886d98;font-variant-numeric:tabular-nums;margin-top:12px;font-size:10px;line-height:1}.apps-size-sample>span small{color:#b4a3bf;margin-left:3px;font-size:8px}.apps-surface-tests{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.apps-surface-card{border-radius:9px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:9px 13px;display:flex;overflow:hidden}.apps-surface-light{background:#fff;border:1px solid #e8e0ed}.apps-surface-dark{background:#241d30;border:1px solid #36263f}.apps-surface-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.apps-surface-copy>span{color:#a48caf;letter-spacing:.35px;font-size:8px}.apps-surface-copy>strong{color:#5e426f;white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:11px;font-weight:500;line-height:1.4;overflow:hidden}.apps-surface-dark .apps-surface-copy>span{color:#b89bc9}.apps-surface-dark .apps-surface-copy>strong{color:#f5eafd}.apps-surface-icon{filter:drop-shadow(0 3px 6px #2e144719);flex-shrink:0}@container (width<=460px){.apps-sample-layout{grid-template-columns:minmax(0,1fr)}.apps-surface-tests{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1200px) and (min-width:761px){.apps-format-card{padding:10px 10px 9px}.apps-format-card small{font-size:8px}.apps-editor-content .slider-control{grid-template-columns:74px minmax(24px,1fr) 48px;column-gap:8px}.apps-backgrounds button{gap:5px;padding:6px 7px}}@media (max-width:760px){.apps-editor-content .slider-control{grid-template-columns:89px minmax(40px,1fr) 57px;column-gap:17px;min-height:45px}.apps-editor-content .slider-control>label{font-size:12px}.apps-format-card{padding:13px}.apps-format-card strong{font-size:12px}.apps-format-card small{font-size:10px}.apps-format-description,.apps-field-hint{font-size:11px}.apps-mask-grid button{min-height:65px;font-size:9px}.apps-editor-actions .button{font-size:12px}.apps-surface-card{padding:10px 11px}}.apps-preview-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.apps-preview-target{color:#594c65;align-items:center;gap:9px;min-width:0;display:flex}.apps-preview-target>svg{color:#907e9d;flex-shrink:0}.apps-preview-target>span{font-size:12px;font-weight:600;line-height:1.5}.apps-preview-target small{color:#96899f;font-variant-numeric:tabular-nums;font-size:10px;font-weight:400;display:block}.apps-view .canvas-wrap{background-image:radial-gradient(at 50% 45%,#ffffffb3,#0000 68%);flex-direction:column;align-items:center;gap:23px;min-height:460px;padding:40px 24px 30px;display:flex;overflow:hidden;aspect-ratio:auto!important}.apps-stage-heading{text-align:center}.apps-stage-heading>span{letter-spacing:.2em;color:#9b8ca5;font-size:9px;font-weight:650}.apps-stage-heading>p{color:#75677f;margin:7px 0 0;font-size:13px}.apps-icon-page{aspect-ratio:1;isolation:isolate;flex-shrink:0;width:260px;max-width:calc(100% - 36px);position:relative;overflow:hidden}.apps-icon-page.is-transparent{background-color:#fff;background-image:linear-gradient(45deg,#e8e4ed 25%,#0000 25%),linear-gradient(-45deg,#e8e4ed 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8e4ed 75%),linear-gradient(-45deg,#0000 75%,#e8e4ed 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.apps-artwork{transform-origin:50%;position:absolute;inset:0}.apps-artwork canvas{width:100%;height:100%;display:block}.apps-safe-guide{pointer-events:none;border:1px dashed #8f58caaa;justify-content:center;align-items:flex-start;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff50}.apps-safe-guide span{color:#8054a3;letter-spacing:.13em;background:#faf7ffdc;border-radius:4px;padding:3px 6px;font-size:7px;font-weight:600;transform:translateY(-50%)}.apps-icon-caption{flex-direction:column;align-items:center;gap:5px;max-width:100%;display:flex}.apps-icon-caption strong{color:#40354b;overflow-wrap:anywhere;text-align:center;font-size:14px;font-weight:550}.apps-icon-caption>span{color:#a193ab;text-transform:capitalize;font-size:9px}.apps-view .canvas-topbar{top:13px;left:16px;right:12px}.apps-view .preview-status{font-size:8px}.apps-view .transport{background:#fff}.preview-frame.is-fullscreen.apps-view .canvas-wrap{justify-content:center;gap:24px;width:100%;height:100%;min-height:460px}.preview-frame.is-fullscreen.apps-view .apps-icon-page{width:min(55vh,480px)}.preview-frame.is-fullscreen.apps-view .preview-width{display:block}.app-export-format{background:#faf8fc;border:1px solid #e7dfed;border-radius:10px;justify-content:space-between;gap:16px;margin:16px 0;padding:14px 16px;display:flex}.app-export-format strong{color:#45384f;font-size:13px}.app-export-format span{color:#8d7d98;font-size:12px}.app-export-sizes{flex-wrap:wrap;gap:6px;margin:12px 0 20px;display:flex}.app-export-sizes span{color:#8c7b98;font-variant-numeric:tabular-nums;border:1px solid #e6ddeb;border-radius:5px;padding:4px 6px;font-size:10px}.app-export-actions{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 0;display:grid}.camera-presets{width:100%;margin-bottom:18px;display:flex}.camera-presets>button{flex:1;min-height:31px;font-size:11px}@media (max-width:980px){.apps-view .canvas-wrap{gap:20px;min-height:420px;padding:37px 18px 24px}.apps-icon-page{width:235px}.apps-preview-toolbar .website-preview-actions .button{padding:7px 9px}.apps-view .website-transport-label{white-space:normal;max-width:90px;font-size:9px;line-height:1.4}}@media (max-width:760px){.apps-preview-toolbar{gap:8px}.apps-preview-toolbar .website-preview-actions .button{min-height:33px;padding:6px 8px;font-size:10px}.apps-preview-target>span{font-size:11px}.apps-preview-target>svg{display:none}.apps-view .canvas-wrap{min-height:420px}.apps-stage-heading>p{font-size:12px}.apps-view .transport .timeline{min-width:30px}.app-export-actions{grid-template-columns:1fr}.dialog-tabs{overflow-x:auto}.dialog-tabs button{white-space:nowrap;min-width:70px}}.cards-editor-tabs{flex-shrink:0}.cards-editor-content{min-width:0}.cards-editor-content .section-heading h3{font-size:15px}.cards-editor-content .control-description{margin-bottom:13px}.cards-editor-content .slider-control{grid-template-columns:82px minmax(28px,1fr) 54px;column-gap:11px;min-height:42px}.cards-editor-content .slider-control>label{white-space:normal;font-size:11px;line-height:1.4}.cards-editor-content .number-control{min-width:0}.cards-editor-content .toggle-row{gap:12px}.cards-editor-content .toggle-row>span:first-child{min-width:0;line-height:1.45}.cards-editor-content .toggle-row small{line-height:1.6}.cards-face-switch{flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:4px 0 15px;display:grid}.cards-face-switch>button{color:#8e789b;background:#fff;border:1px solid #e3dbe9;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:11px;display:flex}.cards-face-switch>button:hover{background:#fcf9ff;border-color:#b99bd0}.cards-face-switch>button.active{color:#744490;background:#f8f0fe;border-color:#b38bd1}.cards-face-swatch{border:1px solid #5f45751f;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:18px;display:inline-flex;position:relative;overflow:hidden}.cards-face-swatch i{background:linear-gradient(95deg,#8e38f7,#4075f6,#12c3db);border-radius:50%;width:25px;height:5px;transform:rotate(-18deg)translateY(2px)}.cards-editor-field{min-width:0;margin:13px 0}.cards-editor-field:first-child{margin-top:0}.cards-editor-field:last-child{margin-bottom:0}.cards-editor-field>label,.cards-field-heading>label{color:#6b5578;margin-bottom:7px;font-size:11px;font-weight:500;line-height:1.45;display:block}.cards-field-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cards-field-heading>span{color:#a48eae;font-variant-numeric:tabular-nums;font-size:9px}.cards-editor-field input,.cards-editor-field textarea,.cards-editor-field select{color:#44334f;background:#fff;border:1px solid #ded5e6;border-radius:6px;width:100%;min-width:0;padding:9px 10px;font-size:12px;line-height:1.5;display:block}.cards-editor-field textarea{resize:vertical;min-height:78px;max-height:220px}.cards-editor-field select{-webkit-appearance:auto;appearance:auto;padding:9px 8px}.cards-editor-field input:hover,.cards-editor-field textarea:hover,.cards-editor-field select:hover{border-color:#cbb7da}.cards-editor-field input:focus,.cards-editor-field textarea:focus,.cards-editor-field select:focus{outline-offset:1px;border-color:#a978dc;outline:2px solid #8f48e51a}.cards-field-hint{color:#8d7899;margin:8px 0 0;font-size:10px;line-height:1.65}.cards-field-error{color:#a63d57;margin-top:8px;font-size:10px;line-height:1.5}.cards-field-status{color:#707a6f;margin-top:8px;font-size:10px;line-height:1.5}.cards-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.cards-field-grid .cards-editor-field{margin:12px 0}.cards-backgrounds{gap:7px;margin:0 0 12px;display:flex}.cards-backgrounds button{color:#8a7099;border:1px solid #e3daeb;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;padding:7px;font-size:10px;display:flex}.cards-backgrounds button>span{border:1px solid #84659626;border-radius:50%;width:13px;height:13px}.cards-backgrounds button:hover,.cards-backgrounds button.active{background:#faf4ff;border-color:#c1a0d7}.cards-layer-add{align-items:center;gap:4px;font-size:10px;display:inline-flex}.cards-layer-add:disabled{color:#bcadbf;cursor:default}.cards-layer-list{scrollbar-width:thin;scrollbar-color:#d8cce4 transparent;flex-direction:column;gap:5px;max-height:236px;margin-bottom:13px;display:flex;overflow-y:auto}.cards-layer-row{background:#fff;border:1px solid #e7dfec;border-radius:6px;align-items:stretch;gap:3px;min-width:0;display:flex}.cards-layer-row.active{background:#faf5fe;border-color:#bd98d5}.cards-layer-select{text-align:left;flex:1;align-items:center;gap:9px;min-width:0;padding:9px;display:flex}.cards-layer-select>svg{color:#a286b3;flex-shrink:0}.cards-layer-label{flex-direction:column;gap:2px;min-width:0;display:flex}.cards-layer-label strong{text-overflow:ellipsis;white-space:nowrap;color:#6b527b;font-size:10px;font-weight:500;line-height:1.45;overflow:hidden}.cards-layer-label small{text-overflow:ellipsis;white-space:nowrap;color:#a08baa;font-size:9px;line-height:1.4;overflow:hidden}.cards-layer-row.is-hidden .cards-layer-label{opacity:.65}.cards-layer-visibility{color:#a48eae;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:31px;display:inline-flex}.cards-layer-visibility:hover{color:#75458f;background:#f1e5fa}.cards-layer-editor{background:#fcf9ff;border:1px solid #e6dbea;border-radius:8px;padding:13px 12px 5px}.cards-layer-editor .slider-control{grid-template-columns:76px minmax(22px,1fr) 50px;column-gap:8px}.cards-layer-editor .color-field{grid-template-columns:24px minmax(0,1fr) 77px;gap:8px}.cards-layer-editor .color-field>span{font-size:11px}.cards-layer-editor .hex-input{width:77px}.cards-layer-editor .color-well{width:24px;height:24px}.cards-layer-tools{justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px;display:flex}.cards-layer-tools>span{text-overflow:ellipsis;white-space:nowrap;color:#8f77a0;min-width:0;font-size:10px;overflow:hidden}.cards-layer-tools>div{flex-shrink:0;gap:3px;display:flex}.cards-tool-button{color:#927aa2;border-radius:5px;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex}.cards-tool-button:hover{color:#79518f;background:#efe3f7}.cards-tool-button:disabled{opacity:.32;cursor:default;background:0 0}.cards-tool-button.cards-delete:hover{color:#aa4963;background:#f7e8ed}.cards-empty-layers{text-align:center;color:#a58cb5;border:1px dashed #d8c9e2;border-radius:8px;padding:22px 17px}.cards-empty-layers>svg{margin:0 auto 9px}.cards-empty-layers p{color:#8d729f;font-size:11px;line-height:1.6}.cards-empty-layers button{align-items:center;gap:5px;margin-top:10px;display:inline-flex}.cards-alignment{gap:5px;margin:12px 0;display:flex}.cards-alignment button{color:#9c82ac;background:#fff;border:1px solid #e0d6e8;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:31px;font-size:9px;display:inline-flex}.cards-alignment button.active{color:#805298;background:#f2e7fa;border-color:#bca0ce}.cards-disclosure{border-top:1px solid #e7dfec;margin-top:12px}.cards-disclosure>summary{cursor:pointer;color:#846893;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-size:11px;font-weight:500;list-style:none;display:flex}.cards-disclosure>summary::-webkit-details-marker{display:none}.cards-disclosure>summary>svg{color:#a58baf;transition:transform .15s}.cards-disclosure[open]>summary>svg{transform:rotate(180deg)}.cards-disclosure>div{padding-bottom:9px}.cards-logo-preview{align-items:center;gap:11px;min-width:0;margin:12px 0;display:flex}.cards-logo-preview>span{background:#f8f4fa;border:1px solid #e2d7e9;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:8px;display:flex}.cards-logo-preview img{object-fit:contain;width:100%;height:100%;display:block}.cards-logo-preview>div{flex:1;min-width:0}.cards-logo-preview strong{color:#7f6590;font-size:10px;font-weight:500;display:block}.cards-logo-preview p{color:#a48eae;margin-top:4px;font-size:9px;line-height:1.5}.cards-upload-button{color:#8a669f;background:#fcf9ff;border:1px dashed #c8b0d9;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:38px;padding:10px;font-size:11px;display:inline-flex}.cards-upload-button:hover{background:#f8f0ff;border-color:#ad86c6}.cards-upload-button:disabled{opacity:.6;cursor:progress}.cards-source-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0;display:grid}.cards-source-options button{color:#a086b0;text-align:left;background:#fff;border:1px solid #e1d7e9;border-radius:7px;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:11px;display:flex}.cards-source-options button.active{color:#8757a4;background:#faf4ff;border-color:#b590d0}.cards-source-options strong{color:#755987;font-size:10px;font-weight:500;line-height:1.4}.cards-source-options small{color:#a08bab;font-size:9px;line-height:1.5}.cards-ribbon-edit{color:#8955a8;background:#faf5ff;border:1px solid #dac6e9;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:36px;margin-top:12px;font-size:11px;display:inline-flex}.cards-ribbon-edit:hover{background:#f4eafa;border-color:#bd98d5}.cards-framing-starters{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0 15px;display:grid}.cards-framing-starters button{color:#997fa9;border:1px solid #e3d9eb;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;padding:10px 5px;font-size:9px;display:flex}.cards-framing-starters button:hover,.cards-framing-starters button.active{background:#faf4ff;border-color:#c1a0d7}.cards-framing-mini{background:#fcf9ff;border:1px solid #cfbbdc;border-radius:2px;width:43px;height:25px;position:relative;overflow:hidden}.cards-framing-mini i{background:linear-gradient(110deg,#b88add8c,#906ecb85,#72b5d479);display:block;position:absolute}.cards-framing-full i{inset:0}.cards-framing-band i{height:50%;bottom:0;left:0;right:0}.cards-framing-inset i{border-radius:1px;inset:4px}.cards-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:14px;display:grid}.cards-format-choice{text-align:left;color:#9c82ab;background:#fff;border:1px solid #e4dbe9;border-radius:7px;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:12px;display:flex}.cards-format-choice>span{justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;display:flex}.cards-format-choice:hover{background:#fcf9ff;border-color:#c3a4da}.cards-format-choice.active{color:#8752a7;background:#faf4ff;border-color:#b58ad2}.cards-format-choice strong{color:#6d507e;font-size:11px;font-weight:500;line-height:1.4}.cards-format-choice small{color:#a08aaa;font-variant-numeric:tabular-nums;font-size:9px;line-height:1.4}.cards-dimensions{background:#fcf9ff;border:1px solid #e8dfee;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;margin:14px 0;padding:12px;display:flex}.cards-dimensions strong{color:#735982;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.cards-dimensions span{color:#a28aac;font-size:9px}.cards-side-actions{flex-direction:column;gap:8px;margin-top:12px;display:flex}.cards-side-actions button{color:#9479a4;border:1px solid #e2d7e9;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;width:100%;padding:10px 11px;font-size:10px;display:inline-flex}.cards-side-actions button:hover{color:#754a8f;background:#faf4ff;border-color:#c8aeda}.cards-editor-actions{border-top:1px solid var(--line);flex-shrink:0;padding-top:15px}.cards-editor-actions .button{gap:7px;min-height:39px;font-size:11px}.cards-editor-actions .button>span{color:#d1c3de;margin-left:auto;font-size:8px;font-weight:400}.cards-editor-actions .cards-reset{color:#9e89a9;justify-content:center;align-items:center;gap:6px;width:100%;min-height:23px;margin-top:9px;font-size:9px;display:flex}.cards-editor-actions .cards-reset:hover{color:#754494}:is(.cards-editor-content button:focus-visible,.cards-editor-content summary:focus-visible,.cards-face-switch button:focus-visible){outline-offset:2px;outline:2px solid #a978dc}@media (max-width:1200px) and (min-width:761px){.cards-editor-content .slider-control{grid-template-columns:73px minmax(24px,1fr) 49px;column-gap:8px}.cards-layer-editor{padding:11px 10px 3px}.cards-layer-editor .slider-control{grid-template-columns:69px minmax(21px,1fr) 46px;column-gap:6px}.cards-source-options button{padding:10px 9px}.cards-format-choice{padding:11px}}@media (max-width:760px){.cards-editor-content .slider-control{grid-template-columns:89px minmax(40px,1fr) 57px;column-gap:17px;min-height:45px}.cards-editor-content .slider-control>label{font-size:12px}.cards-face-switch>button{min-height:45px;font-size:12px}.cards-field-hint{font-size:11px}.cards-layer-label strong,.cards-editor-field>label,.cards-field-heading>label{font-size:12px}.cards-layer-label small,.cards-source-options strong,.cards-format-choice strong{font-size:11px}.cards-source-options small,.cards-format-choice small{font-size:10px}.cards-layer-visibility,.cards-tool-button{min-width:32px;min-height:32px}.cards-layer-editor .color-field{grid-template-columns:28px minmax(0,1fr) 90px}.cards-layer-editor .hex-input{width:90px}.cards-disclosure>summary{min-height:44px;font-size:12px}.cards-alignment button{min-height:36px;font-size:10px}.cards-editor-actions .button{min-height:42px;font-size:12px}}.cards-preview-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 12px;display:flex}.cards-preview-toolbar .website-preview-actions{margin-left:auto}.cards-trim-size{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.cards-view .canvas-wrap{flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:440px;padding:62px 40px 28px;display:flex;overflow:hidden;aspect-ratio:auto!important;background-image:radial-gradient(#d8d3e250 .7px,#0000 .7px)!important;background-size:12px 12px!important}.cards-view .rc-card{width:min(100%,var(--card-preview-width,600px));flex:none;box-shadow:0 24px 50px -22px #33254b38,0 4px 12px -4px #33254b26,0 0 0 1px #1b112a0a}.cards-stage-heading{text-align:center}.cards-stage-heading>span{color:#8c829c;letter-spacing:.17em;font-size:9px;font-weight:650;display:block}.cards-stage-heading>p{color:#776c86;margin:7px 0 0;font-size:12px}.cards-view .apps-icon-caption{gap:5px;margin:0}.cards-view .apps-icon-caption>span{font-size:10px}.cards-view .canvas-topbar{position:absolute;inset:12px 15px auto}.card-ribbon-context{color:#6d548b;background:#f8f5fc;border:1px solid #e8e1f2;border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:12px 18px 4px;padding:10px 11px;font-size:11px;display:flex}.card-export-options{grid-template-columns:1fr 1fr;gap:14px;display:grid}.card-export-actions{grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:18px;display:grid}.card-export-summary{background:#f6f3f9;border:1px solid #e8e2ed;border-radius:10px;justify-content:space-between;gap:12px;margin:14px 0;padding:13px 15px;font-size:12px;display:flex}.card-export-summary span{color:#81758e;text-align:right}.card-export-actions .button{min-height:42px;font-size:12px}@media (max-width:760px){.cards-view .canvas-wrap{gap:24px;min-height:330px;padding:58px 22px 24px}.cards-preview-toolbar{gap:8px}.cards-preview-toolbar .website-preview-actions{gap:6px}.cards-preview-toolbar .button{padding:9px 10px;font-size:11px}.cards-trim-size{display:none}.card-export-actions{grid-template-columns:1fr}.card-export-options{gap:10px}.preview-view-switch{max-width:100%}.preview-view-switch button{padding-left:10px;padding-right:10px}}.backgrounds-editor-tabs{flex-shrink:0}.backgrounds-editor-content{min-width:0}.backgrounds-editor-content .section-heading h3{font-size:15px}.backgrounds-editor-content .control-description{margin-bottom:14px}.backgrounds-editor-content .slider-control{grid-template-columns:84px minmax(28px,1fr) 54px;column-gap:10px;min-height:42px}.backgrounds-editor-content .slider-control>label{white-space:normal;font-size:11px;line-height:1.4}.backgrounds-editor-content .number-control{min-width:0}.backgrounds-editor-content .toggle-row{gap:12px}.backgrounds-editor-content .toggle-row>span:first-child{min-width:0;font-size:11px;line-height:1.45}.backgrounds-editor-content .toggle-row small{line-height:1.6}.backgrounds-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.backgrounds-device-card{text-align:left;color:#7b6b85;background:#fff;border:1px solid #e4dce9;border-radius:8px;flex-direction:column;align-items:flex-start;min-width:0;padding:12px;display:flex}.backgrounds-device-card:hover{background:#fcf9ff;border-color:#c3a4da}.backgrounds-device-card.active{background:#faf4ff;border-color:#ae7bd5;box-shadow:0 0 0 1px #7c2cff09}.backgrounds-device-symbol{color:#977ba7;justify-content:space-between;align-items:center;width:100%;height:23px;margin-bottom:7px;display:flex}.backgrounds-device-symbol svg{stroke-width:1.5px}.backgrounds-device-card.active .backgrounds-device-symbol{color:#874cb7}.backgrounds-device-symbol .backgrounds-device-check{color:#7b3fac;stroke-width:2px;background:#e9d9f8;border-radius:50%;width:17px;height:17px;padding:3px}.backgrounds-device-card strong{color:#574261;font-size:11px;font-weight:550;line-height:1.5}.backgrounds-device-card small{color:#96829f;margin-top:2px;font-size:9px;line-height:1.5}.backgrounds-device-description{color:#8c7b96;margin-top:12px;font-size:10px;line-height:1.6}.backgrounds-editor-field{min-width:0;margin:13px 0}.backgrounds-editor-field:first-child{margin-top:0}.backgrounds-editor-field:last-child{margin-bottom:0}.backgrounds-editor-field>label,.backgrounds-field-label{color:#6c5778;margin-bottom:7px;font-size:11px;font-weight:500;line-height:1.45;display:block}.backgrounds-editor-field>input,.backgrounds-editor-field>select,.backgrounds-pixel-input{color:#44334f;background:#fff;border:1px solid #ded5e6;border-radius:6px;width:100%;min-width:0;font-size:12px;line-height:1.5}.backgrounds-editor-field>input,.backgrounds-editor-field>select{padding:9px 10px}.backgrounds-editor-field>select{-webkit-appearance:auto;appearance:auto;padding:9px 8px}.backgrounds-editor-field>input:hover,.backgrounds-editor-field>select:hover,.backgrounds-pixel-input:hover{border-color:#cdbadc}.backgrounds-editor-field>input:focus,.backgrounds-editor-field>select:focus,.backgrounds-pixel-input:focus-within{outline-offset:1px;border-color:#a978dc;outline:2px solid #8f48e51a}.backgrounds-dimension-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.backgrounds-dimension-fields .backgrounds-editor-field{margin:0}.backgrounds-pixel-input{align-items:center;gap:5px;padding-right:10px;display:flex}.backgrounds-pixel-input>input{width:100%;min-width:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;padding:9px 0 9px 10px;display:block}.backgrounds-pixel-input>span{color:#a08aa9;flex-shrink:0;font-size:10px}.backgrounds-pixel-input:has(input[aria-invalid=true]){border-color:#c96d87}.backgrounds-dimension-fields+.backgrounds-field-hint{margin-bottom:15px}.backgrounds-field-hint{color:#8d7899;margin:8px 0 0;font-size:10px;line-height:1.65}.backgrounds-field-error{color:#a63d57;margin:8px 0 13px;font-size:10px;line-height:1.6}.backgrounds-orientation{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0 14px;display:grid}.backgrounds-orientation button{color:#9a81aa;background:#fff;border:1px solid #e3daeb;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:34px;font-size:10px;display:inline-flex}.backgrounds-orientation button:hover,.backgrounds-orientation button.active{color:#83569e;background:#f8f0fd;border-color:#b99acd}.backgrounds-output-spec{background:#fcfafd;border:1px solid #e8e0ed;border-radius:7px;align-items:center;gap:10px;margin:14px 0 10px;padding:12px;display:flex}.backgrounds-file-badge{color:#9874b0;letter-spacing:.6px;background:#fff;border:1px solid #ded1e7;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:33px;height:36px;font-size:8px;font-weight:600;display:inline-flex}.backgrounds-output-spec>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.backgrounds-output-spec strong{color:#5b456b;font-variant-numeric:tabular-nums;font-size:12px;font-weight:550;line-height:1.5}.backgrounds-output-spec small{color:#9b86a6;font-variant-numeric:tabular-nums;font-size:9px;line-height:1.45}.backgrounds-overlay-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.backgrounds-overlay-grid button{color:#a287b1;background:#fff;border:1px solid #e4daeb;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:69px;padding:10px 4px;font-size:9px;line-height:1.4;display:flex}.backgrounds-overlay-grid button:hover{color:#80519d;background:#fcf8ff;border-color:#c7a8db}.backgrounds-overlay-grid button.active{color:#85519f;background:#f9f1fe;border-color:#b68bd1}.backgrounds-overlay-grid svg{stroke-width:1.5px}.backgrounds-interface-tone{justify-content:space-between;align-items:center;gap:9px;margin:12px 0 13px;display:flex}.backgrounds-interface-tone>span{color:#8e739d;font-size:10px}.backgrounds-interface-tone>div{align-items:center;gap:4px;display:flex}.backgrounds-interface-tone button{color:#9982a5;background:#fff;border:1px solid #e4daeb;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-width:54px;padding:6px 8px;font-size:9px;display:inline-flex}.backgrounds-interface-tone button:hover,.backgrounds-interface-tone button.active{color:#815298;background:#faf5ff;border-color:#bfa0d3}.backgrounds-tone-dot{border:1px solid #84659626;border-radius:50%;width:11px;height:11px;display:block}.backgrounds-tone-dot.light{background:#fff}.backgrounds-tone-dot.dark{background:#33283e}.backgrounds-paper-colors{gap:7px;margin:0 0 12px;display:flex}.backgrounds-paper-colors button{color:#8a7099;border:1px solid #e3daeb;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;padding:7px;font-size:10px;display:flex}.backgrounds-paper-colors button>span{border:1px solid #84659626;border-radius:50%;width:13px;height:13px}.backgrounds-paper-colors button:hover,.backgrounds-paper-colors button.active{background:#faf4ff;border-color:#c1a0d7}.backgrounds-fit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 16px;display:grid}.backgrounds-fit-grid button{text-align:left;background:#fff;border:1px solid #e3d9eb;border-radius:7px;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:12px;display:flex}.backgrounds-fit-grid button:hover,.backgrounds-fit-grid button.active{background:#faf4ff;border-color:#b78fd1}.backgrounds-fit-grid strong{color:#78588c;margin-top:3px;font-size:11px;font-weight:500}.backgrounds-fit-grid small{color:#a08baa;font-size:9px;line-height:1.5}.backgrounds-fit-mini{background:#f1e8f6;border:1px solid #c9b1da;border-radius:4px;justify-content:center;align-items:center;width:25px;height:35px;display:flex;position:relative;overflow:hidden}.backgrounds-fit-mini i{background:linear-gradient(130deg,#ad75d0,#8369d6,#68bace);border-radius:35%;flex-shrink:0;width:25px;height:12px;transform:rotate(-12deg)}.backgrounds-fit-cover i{border-radius:35%;width:70px;height:35px;transform:rotate(-26deg)translate(-7px)}.backgrounds-position-heading{border-top:1px solid #ebe3f0;justify-content:space-between;align-items:center;gap:8px;margin:16px 0 5px;padding-top:12px;display:flex}.backgrounds-position-heading>span{color:#9c85a9;font-size:10px}.backgrounds-position-heading .text-button{font-size:10px}.backgrounds-edit-ribbon{color:#85549e;background:#faf5ff;border:1px solid #d5c0e5;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:38px;padding:9px 12px;font-size:11px;display:flex}.backgrounds-edit-ribbon:hover{background:#f6ecfd;border-color:#b78ece}.backgrounds-editor-actions{border-top:1px solid var(--line);flex-shrink:0;padding-top:15px}.backgrounds-editor-actions .button{gap:7px;min-height:39px;font-size:11px}.backgrounds-editor-actions .button>span{color:#d1c3de;margin-left:auto;font-size:8px;font-weight:400}.backgrounds-editor-actions .backgrounds-reset{color:#9e89a9;justify-content:center;align-items:center;gap:6px;width:100%;min-height:23px;margin-top:9px;font-size:9px;display:flex}.backgrounds-editor-actions .backgrounds-reset:hover{color:#754494}.backgrounds-editor-content button:focus-visible{outline-offset:2px;outline:2px solid #a978dc}@media (max-width:1200px) and (min-width:761px){.backgrounds-device-card{padding:11px}.backgrounds-device-card small{font-size:8px}.backgrounds-editor-content .slider-control{grid-template-columns:76px minmax(24px,1fr) 48px;column-gap:8px}.backgrounds-paper-colors button{gap:5px;padding:6px 7px}.backgrounds-fit-grid button,.backgrounds-output-spec{padding:10px}.backgrounds-interface-tone button{min-width:49px;padding:6px}}@media (max-width:760px){.backgrounds-editor-content .slider-control{grid-template-columns:89px minmax(40px,1fr) 57px;column-gap:17px;min-height:45px}.backgrounds-editor-content .slider-control>label,.backgrounds-editor-content .toggle-row>span:first-child{font-size:12px}.backgrounds-device-card{padding:13px}.backgrounds-device-card strong,.backgrounds-editor-field>label,.backgrounds-field-label{font-size:12px}.backgrounds-device-card small,.backgrounds-fit-grid small{font-size:10px}.backgrounds-device-description,.backgrounds-field-hint,.backgrounds-field-error{font-size:11px}.backgrounds-orientation button{min-height:38px;font-size:11px}.backgrounds-overlay-grid button{min-height:73px;font-size:10px}.backgrounds-interface-tone>span,.backgrounds-position-heading>span{font-size:11px}.backgrounds-interface-tone button{min-height:32px;font-size:10px}.backgrounds-editor-actions .button{min-height:42px;font-size:12px}}.backgrounds-preview-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.backgrounds-preview-target{color:#594c65;align-items:center;gap:9px;min-width:0;display:flex}.backgrounds-preview-target>svg{color:#907e9d;flex:none}.backgrounds-preview-target>span{font-size:12px;font-weight:600;line-height:1.5}.backgrounds-preview-target small{color:#8b8097;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;font-weight:400;display:block}.backgrounds-view .canvas-wrap{background-image:radial-gradient(at 50% 40%,#fff 0%,#ffffff75 35%,#fff0 75%);flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:510px;padding:56px 32px 28px;display:flex;overflow:hidden;aspect-ratio:auto!important}.backgrounds-screen-page{isolation:isolate;width:min(100%,var(--background-preview-width));aspect-ratio:var(--background-screen-ratio);background:var(--background-screen-color);flex:none;height:auto;position:relative;overflow:hidden;box-shadow:0 20px 45px -12px #33213c25,0 1px 4px #30213e12;container-type:inline-size}.backgrounds-screen-page.is-framed{z-index:1;border-radius:7px;box-shadow:0 0 0 6px #282330,0 0 0 7px #b9b1c3,0 24px 45px -10px #33213c35,0 5px 12px #33213c18}.backgrounds-screen-page.is-framed.device-phone{border-radius:26px}.backgrounds-screen-page.is-framed.device-tablet{border-radius:18px;box-shadow:0 0 0 8px #282330,0 0 0 9px #b9b1c3,0 24px 45px -10px #33213c35,0 5px 12px #33213c18}.backgrounds-screen-page.is-framed.device-custom.is-portrait{border-radius:12px}.backgrounds-artwork{z-index:0;pointer-events:none;position:absolute}.backgrounds-artwork>.ribbon-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.backgrounds-device-support{pointer-events:none;flex:none;margin-top:-25px;position:relative}.backgrounds-device-support.is-monitor{clip-path:polygon(43% 0,57% 0,60% 78%,94% 90%,94% 100%,6% 100%,6% 90%,40% 78%);background:linear-gradient(#5c5467 0%,#c3bccb 84%,#8b8295 88%,#c9c3d0 100%);width:130px;max-width:30%;height:29px}.backgrounds-device-support.is-laptop{width:min(calc(100% + 16px),calc(var(--background-preview-width) + 32px));background:linear-gradient(#d3cedb,#9a91a4 45%,#c2baca 55%,#aaa1b6);border-radius:0 0 42% 42%;height:10px;margin-top:-20px;box-shadow:0 6px 10px #33213c16}.backgrounds-device-support.is-laptop:before{content:"";background:#77708060;border-radius:0 0 4px 4px;width:13%;height:3px;position:absolute;top:0;left:43.5%}.backgrounds-view .backgrounds-caption{text-align:center;flex-direction:column;align-items:center;gap:5px;max-width:100%;margin:0;display:flex}.backgrounds-caption strong{color:#4d405a;overflow-wrap:anywhere;max-width:360px;font-size:12px;font-weight:550;line-height:1.4}.backgrounds-caption>span{color:#887c95;font-size:9px;line-height:1.5}.backgrounds-view .canvas-topbar{position:absolute;inset:12px 15px auto}.backgrounds-view .transport{background:#fff}.backgrounds-overlay{z-index:2;pointer-events:none;color:var(--background-ui-ink);--background-ui-ink:#fff;--background-ui-soft:#ffffffb3;--background-ui-glass:#ffffff16;--background-ui-border:#ffffff20;--background-ui-shadow:0 1px 5px #0002;font-family:Arial,Helvetica,sans-serif;position:absolute;inset:0}.backgrounds-overlay.ui-dark{--background-ui-ink:#292334;--background-ui-soft:#292334b3;--background-ui-glass:#fff6;--background-ui-border:#29233412;--background-ui-shadow:none}.backgrounds-overlay *{box-sizing:border-box}.backgrounds-overlay svg{stroke-width:1.7px;width:100%;height:100%;display:block}.backgrounds-statusbar{text-shadow:var(--background-ui-shadow);justify-content:space-between;align-items:center;gap:5%;font-size:3cqw;font-weight:600;line-height:1;display:flex;position:absolute;top:3.2%;left:8%;right:8%}.backgrounds-statusbar>div{align-items:center;gap:1.1cqw;display:flex}.backgrounds-statusbar svg{width:3cqw;height:3cqw}.backgrounds-statusbar svg:last-child{width:4cqw}.backgrounds-camera{background:#17131e;border-radius:20px;width:18%;height:2%;max-height:10px;position:absolute;top:2.4%;left:41%;box-shadow:inset 0 0 0 1px #ffffff08}.backgrounds-lock-clock{text-shadow:var(--background-ui-shadow);flex-direction:column;align-items:center;gap:2cqw;display:flex;position:absolute;top:14%;left:8%;right:8%}.backgrounds-lock-clock .backgrounds-lock-symbol{opacity:.85;width:4cqw;height:4cqw;margin-bottom:1cqw}.backgrounds-lock-date{font-size:3.7cqw;font-weight:500;line-height:1.2}.backgrounds-lock-time{letter-spacing:-1.6cqw;font-variant-numeric:tabular-nums;margin-left:-1.6cqw;font-size:26cqw;font-weight:600;line-height:.98}.backgrounds-lock-shortcuts{justify-content:space-between;display:flex;position:absolute;bottom:8%;left:10%;right:10%}.backgrounds-lock-shortcuts>span{background:var(--background-ui-glass);border:1px solid var(--background-ui-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;place-items:center;width:12cqw;height:12cqw;display:grid}.backgrounds-lock-shortcuts svg{width:5cqw;height:5cqw}.backgrounds-home-indicator{background:var(--background-ui-ink);opacity:.8;border-radius:9px;height:1cqw;position:absolute;bottom:2%;left:35%;right:35%}.backgrounds-home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6cqw 4cqw;display:grid;position:absolute;top:13%;left:7%;right:7%}.backgrounds-home-app{flex-direction:column;align-items:center;gap:1.6cqw;min-width:0;display:flex}.backgrounds-app-tile{border:1px solid var(--background-ui-border);background:var(--background-ui-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:3cqw;place-items:center;width:12cqw;height:12cqw;display:grid;box-shadow:0 2px 5px #00000005}.backgrounds-app-tile svg{opacity:.95;width:6.2cqw;height:6.2cqw}.backgrounds-app-label{color:var(--background-ui-ink);text-shadow:var(--background-ui-shadow);white-space:nowrap;font-size:2.5cqw;line-height:1.2}.backgrounds-mobile-dock{border:1px solid var(--background-ui-border);background:var(--background-ui-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:5cqw;justify-content:space-around;align-items:center;padding:3cqw 2cqw;display:flex;position:absolute;bottom:5.5%;left:7%;right:7%}.backgrounds-mobile-dock .backgrounds-app-tile{background:#ffffff12}.backgrounds-desktop-menubar{background:var(--background-ui-glass);border-bottom:1px solid var(--background-ui-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;gap:3cqw;padding:.95cqw 1.7cqw;font-size:1.35cqw;line-height:1.1;display:flex;position:absolute;top:0;left:0;right:0}.backgrounds-desktop-menubar>div{align-items:center;gap:1.7cqw;display:flex}.backgrounds-desktop-menubar strong{font-weight:600}.backgrounds-desktop-menubar svg{width:1.6cqw;height:1.6cqw}.backgrounds-desktop-menubar svg:nth-last-child(2){width:2.1cqw}.backgrounds-workspace-mark{background:var(--background-ui-ink);border-radius:50%;width:1.4cqw;height:1.4cqw}.backgrounds-desktop-files{flex-direction:column;gap:3cqw;display:flex;position:absolute;top:13%;right:3.4%}.backgrounds-desktop-files>div{flex-direction:column;align-items:center;gap:.65cqw;display:flex}.backgrounds-desktop-files svg{width:5cqw;height:4.6cqw;fill:var(--background-ui-glass);stroke-width:1.1px;opacity:.85}.backgrounds-desktop-files span{text-shadow:var(--background-ui-shadow);font-size:1.3cqw;line-height:1.1}.device-ultrawide .backgrounds-desktop-files{flex-direction:row;gap:2.5cqw;top:18%}.backgrounds-desktop-dock{border:1px solid var(--background-ui-border);background:var(--background-ui-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:2cqw;align-items:center;gap:1cqw;padding:1.05cqw 1.3cqw;display:flex;position:absolute;bottom:3.5%;left:50%;transform:translate(-50%)}.backgrounds-desktop-dock .backgrounds-app-tile{background:#ffffff10;border-radius:1cqw;width:4.3cqw;height:4.3cqw}.backgrounds-desktop-dock .backgrounds-app-tile svg{width:2.65cqw;height:2.65cqw}.backgrounds-dock-divider{background:var(--background-ui-border);width:1px;height:3.3cqw;margin:0 .3cqw}.backgrounds-dock-search{place-items:center;width:3.3cqw;height:3.3cqw;display:grid}.backgrounds-dock-search svg{width:2.2cqw;height:2.2cqw}.is-desktop-ui .backgrounds-lock-clock{gap:1cqw;top:18%}.is-desktop-ui .backgrounds-lock-clock .backgrounds-lock-symbol{width:2cqw;height:2cqw;margin-bottom:0}.is-desktop-ui .backgrounds-lock-date{font-size:1.9cqw}.is-desktop-ui .backgrounds-lock-time{letter-spacing:-.7cqw;margin-left:-.7cqw;font-size:13cqw}.backgrounds-desktop-lock-note{text-align:center;opacity:.65;letter-spacing:.05em;font-size:1.4cqw;position:absolute;bottom:7%;left:0;right:0}.device-ultrawide .is-desktop-ui .backgrounds-lock-clock{gap:.65cqw;top:13%}.device-ultrawide .is-desktop-ui .backgrounds-lock-time{font-size:10cqw}.device-ultrawide .is-desktop-ui .backgrounds-lock-date{font-size:1.7cqw}.backgrounds-composition-guides{z-index:3;border:1px dashed var(--background-ui-soft);opacity:.65;position:absolute;inset:6%}.backgrounds-composition-guides>span{letter-spacing:.12em;white-space:nowrap;background:var(--background-screen-color);padding:1px 5px;font-size:2.2cqw;line-height:1.3;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.backgrounds-composition-guides>i{border-left:1px dashed var(--background-ui-soft);opacity:.45;height:100%;position:absolute;top:0;left:50%}.backgrounds-composition-guides>i:last-child{border-left:0;border-top:1px dashed var(--background-ui-soft);width:100%;height:0;top:50%;left:0}.is-desktop-ui .backgrounds-composition-guides>span{font-size:1.25cqw}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-statusbar{font-size:1.8cqw;top:5%;left:5%;right:5%}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-statusbar svg{width:1.8cqw;height:1.8cqw}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-statusbar svg:last-child{width:2.6cqw}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-lock-clock{gap:1cqw;top:12%}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-lock-clock .backgrounds-lock-symbol{width:2cqw;height:2cqw;margin:0}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-lock-date{font-size:2cqw}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-lock-time{letter-spacing:-.8cqw;margin-left:-.8cqw;font-size:15cqw}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-lock-shortcuts{bottom:10%;left:5%;right:5%}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-lock-shortcuts>span{width:6cqw;height:6cqw}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-lock-shortcuts svg{width:2.5cqw;height:2.5cqw}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-home-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:2.5cqw 3cqw;top:16%;left:14%;right:14%}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-app-tile{border-radius:1.8cqw;width:6.5cqw;height:6.5cqw}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-app-tile svg{width:3.4cqw;height:3.4cqw}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-home-app{gap:.8cqw}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-app-label{font-size:1.45cqw}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-mobile-dock{border-radius:2.5cqw;padding:1.3cqw 1.5cqw;bottom:5.5%;left:31%;right:31%}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-mobile-dock .backgrounds-app-tile{width:5.8cqw;height:5.8cqw}.backgrounds-screen-page.is-landscape .is-mobile-ui .backgrounds-home-indicator{height:.5cqw;left:40%;right:40%}.preview-frame.is-fullscreen.backgrounds-view .preview-width{justify-content:center;align-items:center;display:flex}.preview-frame.is-fullscreen.backgrounds-view .canvas-wrap{aspect-ratio:auto;--background-preview-width:min(84vw,calc((100svh - 210px)*var(--background-screen-ratio)));gap:25px;width:100%;height:auto;min-height:0;max-height:100%;padding-top:48px;padding-bottom:20px}.preview-frame.is-fullscreen.backgrounds-view .backgrounds-screen-page{width:min(100%,var(--background-preview-width))}@media (max-width:1160px){.preview-viewbar .preview-context-hint{display:none}.preview-viewbar .preview-view-switch button{gap:5px;padding-left:8px;padding-right:8px;font-size:10px}}@media (max-width:980px){.backgrounds-preview-toolbar .button{padding:7px 9px;font-size:11px}.backgrounds-view .canvas-wrap{padding-left:24px;padding-right:24px}.backgrounds-view .website-transport-label{white-space:normal;max-width:108px;font-size:9px;line-height:1.4}.backgrounds-view .transport .timeline{min-width:30px}}@media (max-width:760px){.preview-viewbar .preview-view-switch{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.45fr);width:100%;min-width:0;max-width:100%;display:grid}.preview-viewbar .preview-view-switch button{white-space:nowrap;gap:0;min-width:0;padding:7px 1px;font-size:10px}.preview-viewbar .preview-view-switch button svg{display:none}.backgrounds-preview-toolbar{gap:8px}.backgrounds-preview-target{gap:6px}.backgrounds-preview-target>svg{width:15px;height:15px}.backgrounds-preview-target>span{font-size:11px}.backgrounds-preview-target small{font-size:9px}.backgrounds-preview-toolbar .website-preview-actions{gap:6px}.backgrounds-preview-toolbar .button{min-height:33px;padding:7px 8px;font-size:10px}.backgrounds-view .canvas-wrap{gap:23px;min-height:410px;padding:49px 22px 24px}.backgrounds-caption strong{font-size:12px}.backgrounds-caption>span{font-size:9px}.backgrounds-view .backgrounds-device-support{margin-top:-23px}.backgrounds-view .backgrounds-device-support.is-laptop{margin-top:-18px}.backgrounds-preview-toolbar .button svg{width:13px;height:13px}.backgrounds-view .website-transport-label{max-width:83px;font-size:8px}.backgrounds-view .canvas-topbar{inset:10px 11px auto}}@media (max-width:390px){.backgrounds-preview-target>svg{display:none}.backgrounds-preview-toolbar .button{padding:7px 6px}.backgrounds-preview-toolbar .website-preview-actions{gap:4px}.backgrounds-screen-page.is-framed.device-phone{border-radius:24px}}.social-control-tabs{flex:none}.social-editor{scrollbar-gutter:stable}.social-editor .slider-control{grid-template-columns:91px minmax(28px,1fr) 54px;column-gap:10px;min-height:42px}.social-editor .slider-control>label{white-space:normal;font-size:11px;line-height:1.4}.social-editor .number-control{min-width:0}.social-editor .toggle-row{gap:12px}.social-editor .toggle-row>span:first-child{min-width:0;font-size:11px;line-height:1.45}.social-editor .section-heading h3{font-size:15px}.social-editor .control-section{margin-bottom:22px;padding-bottom:22px}.social-editor .control-section:last-child{margin-bottom:0}.social-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px;display:grid}.social-category-grid>button{text-align:left;background:#fff;border:1px solid #e1dce6;border-radius:8px;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;min-height:99px;padding:14px 13px 12px;transition:border-color .16s,background .16s;display:flex;position:relative}.social-category-grid>button:hover{background:#fbf8ff;border-color:#b9a2d4}.social-category-grid>button.active{background:#f8f2fd;border-color:#ae86d7}.social-category-grid>button>svg{color:#8d7c9b;margin-bottom:2px}.social-category-grid>button strong{color:#4e405e;font-size:11px;font-weight:600}.social-category-grid>button small{color:#8f849a;font-size:9px;line-height:1.5}.social-selected-mark{color:#8053ab;background:#e8daf7;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:13px;right:12px}.social-editor-field{flex-direction:column;gap:8px;min-width:0;margin:17px 0;display:flex}.social-editor-field>label{color:#776b83;font-size:11px;line-height:1.4}.social-editor-field input,.social-editor-field textarea,.social-editor-field select{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:#39303f;background:#fff;border:1px solid #ded8e5;border-radius:6px;outline:none;padding:10px 11px;font-size:12px;line-height:1.5}.social-editor-field textarea{resize:vertical;min-height:65px;max-height:220px}.social-editor-field select{padding-right:24px}.social-editor-field input:focus,.social-editor-field textarea:focus,.social-editor-field select:focus{border-color:#a47bc9;box-shadow:0 0 0 2px #b58bd920}.social-field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.social-field-pair .social-editor-field{margin-bottom:12px}.social-field-hint{color:#91869b!important;margin:10px 0 0!important;font-size:10px!important;line-height:1.65!important}.social-editor-field>.social-field-hint{margin-top:0!important}.social-output-spec{background:#fbf8fd;border:1px solid #e7dfef;border-radius:8px;align-items:center;gap:12px;margin:12px 0;padding:13px 12px;display:flex}.social-output-spec>span{color:#7b658c;letter-spacing:.05em;background:#fff;border:1px solid #e3daeb;border-radius:5px;flex:none;place-items:center;width:34px;height:38px;font-size:8px;display:grid}.social-output-spec>div{flex-direction:column;gap:5px;min-width:0;display:flex}.social-output-spec strong{font-variant-numeric:tabular-nums;color:#51425f;font-size:12px;font-weight:600;line-height:1.4}.social-output-spec small{color:#96889e;font-size:9px;line-height:1.4}.social-select-row{justify-content:space-between;align-items:center;gap:10px;margin:18px 0 8px;display:flex}.social-select-row>span{color:#796d85;font-size:11px}.social-select-row .segmented button{align-items:center;gap:5px;font-size:10px;display:flex}.social-context-options{margin:15px 0 12px}.social-context-options>button{flex:1;min-height:34px;font-size:11px}.social-context-fields{margin-top:15px;padding-top:1px}.social-preview-badge{letter-spacing:.13em;color:#a18bb3;margin-bottom:7px;font-size:8px;font-weight:650;display:block}.social-type-studies{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 20px;display:grid}.social-type-studies>button{color:#877591;text-align:left;background:#fff;border:1px solid #e1dbe7;border-radius:7px;flex-direction:column;align-items:flex-start;gap:9px;padding:12px 10px;font-size:9px;display:flex}.social-type-studies>button:hover{background:#faf7fd;border-color:#b295c9}.social-type-studies>button>span{color:#685274;letter-spacing:-.06em;font-size:25px;line-height:1}.social-type-studies>button:nth-child(2)>span{align-self:center;font-weight:800}.social-type-studies>button:nth-child(3)>span{font-family:Georgia,serif;font-weight:400}.social-align{margin:9px 0 15px}.social-align>button{flex:1;justify-content:center;align-items:center;min-height:32px;display:flex}.social-paper-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0 19px;display:grid}.social-paper-colors>button{color:#8a7c95;background:#fff;border:1px solid #e0d9e8;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 4px;font-size:10px;display:flex}.social-paper-colors>button.active{color:#64437e;background:#faf5fd;border-color:#b69acb}.social-paper-colors i{border:1px solid #2f203719;border-radius:50%;width:12px;height:12px}.social-art-studies{gap:6px;margin:15px 0;display:flex}.social-art-studies>button{color:#8d789a;background:#fff;border:1px solid #e5deeb;border-radius:5px;flex:1;min-width:0;padding:8px 4px;font-size:10px}.social-art-studies>button:hover{background:#fcf8ff;border-color:#b79bcc}.social-fit-grid{grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 20px;display:grid}.social-fit-grid>button{text-align:left;background:#fff;border:1px solid #e1dbe6;border-radius:8px;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:13px 11px;display:flex}.social-fit-grid>button.active{background:#fbf5ff;border-color:#b497cd}.social-fit-grid>button strong{color:#745982;font-size:10px;font-weight:500}.social-fit-grid>button small{color:#a08cab;font-size:9px;line-height:1.5}.social-fit-mini{background:#efe5f6;border:1px solid #c9b4dc;border-radius:5px;width:25px;height:34px;margin-bottom:4px;position:relative;overflow:hidden}.social-fit-mini i{background:linear-gradient(140deg,#a065d5,#79c7e5);border-radius:50%;width:130%;height:11px;position:absolute;top:11px;left:-4px;transform:rotate(-17deg)}.social-fit-mini.is-cover i{border-radius:7px;width:60px;height:40px;top:0;left:-25px}.social-edit-link{color:#8d5db2;background:#fcf8ff;border:1px solid #dfd2e9;border-radius:6px;justify-content:space-between;align-items:center;width:100%;min-height:38px;margin:16px 0 12px;padding:10px 12px;font-size:11px;display:flex}.social-editor-actions{border-top:1px solid #ebe5f0;flex:none;margin-top:14px;padding-top:16px}.social-editor-actions>.button{align-items:center;gap:8px;min-height:39px;font-size:11px;display:flex}.social-editor-actions>.button>span{letter-spacing:.03em;opacity:.7;margin-left:auto;font-size:8px;font-weight:400}.social-reset{justify-content:center;align-items:center;gap:5px;width:100%;margin-top:13px;display:flex;color:#b4a9bf!important;font-size:10px!important}@media (max-width:1200px){.social-editor .slider-control{grid-template-columns:81px minmax(24px,1fr) 48px;column-gap:8px}}@media (max-width:760px){.social-category-grid>button{min-height:95px}.social-editor-actions{margin-bottom:12px}.social-editor-field input,.social-editor-field textarea,.social-editor-field select{min-height:39px;font-size:13px}.social-editor .slider-control{grid-template-columns:94px minmax(32px,1fr) 55px;column-gap:14px;min-height:44px}.social-editor .slider-control>label,.social-editor .toggle-row>span:first-child{font-size:12px}}.social-view .canvas-wrap{background-image:radial-gradient(at 50% 35%,#fff 0%,#ffffff50 40%,#fff0 74%);flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:510px;padding:48px 28px 24px;display:flex;overflow:hidden;aspect-ratio:auto!important}.social-canvas-page{isolation:isolate;width:min(100%,var(--social-preview-width));height:auto;aspect-ratio:var(--social-ratio);background:var(--social-background);box-sizing:border-box;flex:none;position:relative;overflow:hidden;container-type:inline-size}.social-artwork{z-index:0;pointer-events:none;position:absolute}.social-artwork>.ribbon-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.social-design-layer{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.social-design-layer>svg{pointer-events:none;width:100%;height:100%;display:block}.social-view .canvas-topbar{position:absolute;inset:12px 15px auto}.social-view .social-caption{text-align:center;flex-direction:column;align-items:center;gap:5px;max-width:100%;margin:19px 0 0;display:flex}.social-caption strong{color:#4d405a;overflow-wrap:anywhere;max-width:360px;font-size:12px;font-weight:550;line-height:1.4}.social-caption>span{color:#887c95;font-size:9px;line-height:1.5}.social-view .transport{background:#fff}.social-context-header,.social-context-footer,.social-context-banner-top{width:min(100%,var(--social-preview-width));box-sizing:border-box;pointer-events:none;flex:none}.social-context-header{background:#fff;border-bottom:1px solid #f4f0f6;border-radius:10px 10px 0 0;align-items:center;gap:9px;padding:10px 13px;display:flex}.social-small-avatar{color:#8962b3;background:#eee7f8;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:550;display:grid}.social-context-header>div{flex-direction:column;gap:3px;min-width:0;display:flex}.social-context-header strong{color:#574761;white-space:nowrap;text-overflow:ellipsis;max-width:185px;font-size:10px;font-weight:600;line-height:1.2;overflow:hidden}.social-context-header>div>span{color:#a495ac;white-space:nowrap;text-overflow:ellipsis;max-width:185px;font-size:8px;line-height:1.2;overflow:hidden}.social-context-header>svg{color:#9b8ba8;flex:none;margin-left:auto}.social-context-footer{background:#fff;border-radius:0 0 10px 10px;padding:11px 13px 12px}.social-context-footer.is-post>p{color:#897892;white-space:pre-wrap;overflow-wrap:anywhere;max-height:56px;margin:9px 0 0;font-size:9px;line-height:1.55;overflow:hidden}.social-context-footer.is-post>p>strong{color:#66536e;font-weight:600}.social-post-actions{color:#776880;align-items:center;gap:11px;display:flex}.social-post-actions svg{stroke-width:1.7px;width:14px;height:14px}.social-post-actions svg:last-child{margin-left:auto}.social-context-disclaimer{color:#b4a7bf;letter-spacing:.005em;margin-top:8px;font-size:7px;font-weight:400;line-height:1.5;display:block}.social-context-kicker{letter-spacing:.18em;color:#b09bbd;pointer-events:none;margin-bottom:20px;font-size:8px;font-weight:550}.social-context-footer.is-profile{text-align:center;background:0 0;flex-direction:column;align-items:center;max-width:330px;padding-top:19px;display:flex}.social-profile-name{color:#4c3e58;overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.4;display:block}.social-profile-handle{color:#a390af;overflow-wrap:anywhere;margin-top:3px;font-size:10px;line-height:1.4;display:block}.social-context-footer.is-profile>p,.social-context-footer.is-banner>p{color:#887491;white-space:pre-wrap;overflow-wrap:anywhere;max-height:49px;margin:11px 0 0;font-size:10px;line-height:1.6;overflow:hidden}.social-context-banner-top{color:#a090ac;background:#fff;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.social-context-banner-top>span{letter-spacing:.15em;font-size:8px}.social-context-footer.is-banner{padding:0 19px 17px}.social-banner-identity{justify-content:space-between;align-items:flex-end;gap:15px;margin-top:-23px;margin-bottom:8px;display:flex;position:relative}.social-profile-avatar{color:#9472b1;background:#e5d9f4;border:5px solid #fff;border-radius:50%;place-items:center;width:62px;height:62px;font-size:23px;font-weight:550;display:grid}.social-follow-label{color:#9273a4;border:1px solid #dcd0e5;border-radius:20px;align-items:center;gap:10px;margin-bottom:3px;padding:7px 11px;font-size:9px;display:flex}.social-story-ui{z-index:2;pointer-events:none;color:var(--social-story-ink);position:absolute;inset:0}.social-story-ui:before,.social-story-ui:after{content:"";pointer-events:none;position:absolute;left:0;right:0}.social-story-ui:before{background:linear-gradient(to bottom,var(--social-story-scrim) 0%,var(--social-story-scrim) 74%,var(--social-story-clear) 100%);height:7.5%;top:0}.social-story-ui:after{background:linear-gradient(to top,var(--social-story-scrim) 0%,var(--social-story-scrim) 74%,var(--social-story-clear) 100%);height:5.8%;bottom:0}.social-story-progress{z-index:1;gap:1.2cqw;display:flex;position:absolute;top:1.3%;left:5%;right:5%}.social-story-progress i{background:var(--social-story-muted);border-radius:6px;flex:1;height:.6cqw;min-height:1px}.social-story-progress i:first-child{background:currentColor}.social-story-heading{z-index:1;align-items:center;gap:2cqw;font-size:2.8cqw;display:flex;position:absolute;top:2.8%;left:5%;right:5%}.social-story-heading .social-small-avatar{background:var(--social-story-avatar);border:1px solid var(--social-story-muted);width:5.5cqw;height:5.5cqw;color:inherit;text-shadow:none;font-size:2.8cqw}.social-story-heading strong{text-overflow:ellipsis;white-space:nowrap;max-width:47%;font-size:2.9cqw;font-weight:600;overflow:hidden}.social-story-heading>span:not(.social-small-avatar){opacity:.7}.social-story-heading>svg{flex:none;width:4cqw;height:4cqw}.social-story-heading>svg:nth-last-child(2){margin-left:auto}.social-story-reply{z-index:1;align-items:center;gap:4cqw;display:flex;position:absolute;bottom:1.3%;left:6%;right:6%}.social-story-reply>span{box-sizing:border-box;border:1px solid var(--social-story-border);background:var(--social-story-avatar);border-radius:8cqw;flex:1;align-items:center;min-width:0;height:7cqw;padding:0 3.5cqw;font-size:2.9cqw;line-height:1;display:flex}.social-story-reply>svg{flex:none;width:5cqw;height:5cqw}.social-composition-guide{z-index:3;border:1px dashed var(--social-guide);pointer-events:none;position:absolute;inset:8%}.social-composition-guide.is-profile{border-radius:50%;inset:10%}.social-composition-guide.is-story{top:14%;bottom:14%}.social-composition-guide.is-channel{inset:32% 20%}.social-composition-guide>span{background:var(--social-background);letter-spacing:.08em;white-space:nowrap;color:var(--social-guide);padding:2px 5px;font-size:2cqw;line-height:1.3;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.social-composition-guide>i{border-left:1px dashed var(--social-guide);opacity:.35;height:100%;position:absolute;top:0;left:50%}.social-composition-guide>i:last-child{border-left:0;border-top:1px dashed var(--social-guide);width:100%;height:0;top:50%;left:0}.social-view .canvas-wrap>.social-canvas-page:only-child{box-shadow:0 18px 42px -12px #3a214026}.preview-frame.is-fullscreen.social-view .preview-width{justify-content:center;align-items:center;display:flex}.preview-frame.is-fullscreen.social-view .canvas-wrap{width:100%;height:auto;min-height:0;max-height:100%;padding-top:46px;padding-bottom:20px}.preview-frame.is-fullscreen.social-view .social-canvas-page,.preview-frame.is-fullscreen.social-view .social-context-header,.preview-frame.is-fullscreen.social-view .social-context-footer,.preview-frame.is-fullscreen.social-view .social-context-banner-top{width:min(100%,820px,calc((100svh - 350px)*var(--social-ratio)))}.preview-frame.is-fullscreen.social-view .social-context-footer.is-profile{max-width:400px}@media (max-width:980px){.social-view .canvas-wrap{padding-left:22px;padding-right:22px}.social-view .website-transport-label{white-space:normal;max-width:108px;font-size:9px;line-height:1.4}.social-view .transport .timeline{min-width:30px}}@media (max-width:760px){.social-view .canvas-wrap{min-height:410px;padding:45px 18px 22px}.social-view .canvas-topbar{inset:10px 11px auto}.social-view .website-transport-label{max-width:83px;font-size:8px}.social-context-header{padding:10px 11px}.social-context-footer{padding-left:11px;padding-right:11px}.social-view .social-caption{margin-top:16px}.social-profile-name{font-size:15px}}.og-control-tabs{flex:none}.og-editor{scrollbar-gutter:stable}.og-editor .control-section{margin-bottom:22px;padding-bottom:22px}.og-editor .control-section:last-child{margin-bottom:0}.og-editor .section-heading h3{font-size:15px}.og-editor .control-description{color:#786583;line-height:1.7}.og-editor .slider-control{grid-template-columns:91px minmax(28px,1fr) 54px;gap:10px;min-height:42px}.og-editor .slider-control>label{white-space:normal;font-size:11px;line-height:1.45}.og-editor .toggle-row{gap:12px}.og-editor .toggle-row>span:first-child{font-size:11px;line-height:1.5}.og-editor-field{flex-direction:column;gap:8px;min-width:0;margin:17px 0;display:flex}.og-editor-field>label{color:#6f5b7b;font-size:11px;line-height:1.45}.og-editor-field input,.og-editor-field textarea,.og-editor-field select{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:#382843;background:#fff;border:1px solid #ded5e5;border-radius:7px;outline:none;padding:10px 11px;font-size:12px;line-height:1.55}.og-editor-field textarea{resize:vertical;min-height:65px;max-height:230px}.og-editor-field select{padding-right:26px}.og-editor-field input:focus,.og-editor-field textarea:focus,.og-editor-field select:focus{border-color:#9c76b6;box-shadow:0 0 0 2px #a678c226}.og-editor-field input[aria-invalid=true]{border-color:#ad4e64}.og-field-hint{color:#786583!important;margin:10px 0 0!important;font-size:11px!important;line-height:1.65!important}.og-editor-field>.og-field-hint{margin-top:0!important}.og-field-error{color:#a93655;margin:9px 0 0;font-size:11px;line-height:1.65}.og-format-options{flex-direction:column;gap:8px;margin:17px 0 20px;display:flex}.og-format-options>button{color:#5a406e;text-align:left;background:#fff;border:1px solid #ded5e5;border-radius:8px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.og-format-options>button:hover,.og-format-options>button.active{background:#f8f3fc;border-color:#ad8ec7}.og-format-options>button>i{background:linear-gradient(140deg,#efe4f7,#faf7fc);border:1px solid #bda1d0;border-radius:3px;flex:none;width:34px;max-height:34px;display:block}.og-format-options>button>span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.og-format-options strong{font-size:11px;font-weight:550;line-height:1.45}.og-format-options small{color:#786583;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.5}.og-format-options>button>svg{flex:none}.og-layout-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:17px 0 20px;display:grid}.og-layout-options>button{text-align:left;background:#fff;border:1px solid #e1d7e9;border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:11px 9px;display:flex}.og-layout-options>button.active{background:#f8f2fd;border-color:#a484bf}.og-layout-options strong{color:#624776;font-size:10px;font-weight:600}.og-layout-options small{color:#786583;font-size:10px;line-height:1.5}.og-layout-mini{aspect-ratio:1.9;background:#fbf8fd;border:1px solid #e0d2e9;border-radius:3px;width:100%;display:block;position:relative;overflow:hidden}.og-layout-mini>i{background:#9560ba;border-radius:2px;width:9%;height:8%;position:absolute;top:17%;left:9%}.og-layout-mini>b{background:#6d527e;border-radius:2px;width:36%;height:10%;position:absolute;top:45%;left:9%;box-shadow:0 7px 0 -1px #8c769c}.og-layout-mini>em{background:linear-gradient(150deg,#b59ad2,#d8ebed);border-radius:3px;width:32%;height:64%;position:absolute;top:20%;right:8%}.og-layout-mini.is-split>em{border-radius:0;width:43%;height:100%;top:0;right:0}.og-layout-mini.is-minimal>b{width:65%;top:45%;left:10%}.og-layout-mini.is-minimal>em{opacity:.3;border-radius:50%;width:70%;height:75%;top:-30%;right:-25%}.og-segment{background:#f4eef8;border:1px solid #e6dceb;border-radius:7px;gap:4px;margin:14px 0;padding:3px;display:flex}.og-segment>button{color:#786583;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;min-height:31px;padding:7px 8px;font-size:11px}.og-segment>button.active{color:#68417f;background:#fff;border-color:#dfd0ea;box-shadow:0 1px 3px #351e4e09}.og-upload{background:#fcfaff;border:1px solid #e0d7e8;border-radius:9px;margin:15px 0;padding:12px}.og-upload-current,.og-upload-empty{align-items:center;gap:11px;min-width:0;margin-bottom:12px;display:flex}.og-upload-empty{color:#826293;padding:5px 0}.og-upload-current>img{object-fit:contain;background:#fff;border:1px solid #e4dbea;border-radius:5px;flex:none;width:66px;height:50px}.og-upload.is-cover .og-upload-current>img{object-fit:cover}.og-upload-current>div,.og-upload-empty>div{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.og-upload strong{color:#5b456a;font-size:11px;font-weight:550}.og-upload span{color:#786583;font-size:10px;line-height:1.4}.og-upload .text-button{color:#80558d;align-items:center;gap:4px;margin-top:3px;font-size:10px;display:flex}.og-upload .button{min-height:34px;font-size:11px}.og-edit-ribbon{color:#794b91;background:#fbf7fe;border:1px solid #d9c9e5;border-radius:7px;justify-content:space-between;align-items:center;gap:9px;width:100%;min-height:37px;margin:17px 0 12px;padding:10px 12px;font-size:11px;display:flex}.og-share-note{color:#72547f;align-items:flex-start;gap:10px;margin:16px 0;display:flex}.og-share-note>svg{flex:none;margin-top:3px}.og-share-note>p{color:#786583;margin:0;font-size:11px;line-height:1.7}.og-controls-footer{border-top:1px solid #e6deed;flex:none;margin-top:13px;padding-top:15px}.og-controls-footer>.button{justify-content:center;align-items:center;gap:7px;min-height:39px;font-size:11px;display:flex}.og-output-spec{color:#786583;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:10px;line-height:1.5;display:flex}.og-reset{justify-content:center;align-items:center;gap:5px;width:100%;margin-top:13px;display:flex;color:#786583!important;font-size:10px!important}.og-format-options>button:focus-visible{outline-offset:3px;outline:2px solid #9b73b6}.og-layout-options>button:focus-visible{outline-offset:3px;outline:2px solid #9b73b6}.og-segment>button:focus-visible{outline-offset:3px;outline:2px solid #9b73b6}.og-edit-ribbon:focus-visible{outline-offset:3px;outline:2px solid #9b73b6}.og-export-panel button:focus-visible{outline-offset:3px;outline:2px solid #9b73b6}.og-link-context{width:min(100%,var(--og-link-width,760px));min-width:0;margin:0 auto 18px}.og-link-context-heading{color:#786583;justify-content:space-between;align-items:center;gap:12px;margin:13px 0 9px;display:flex}.og-link-context-heading>span{align-items:center;gap:6px;font-size:10px;display:flex}.og-link-context-heading>small{font-size:10px}.og-link-summary{background:#fff;border:1px solid #ded9e4;border-radius:10px;flex-direction:column;align-items:flex-start;gap:9px;padding:18px 21px;display:flex;overflow:hidden;box-shadow:0 4px 13px -11px #47315630}.og-link-domain{color:#74647c;align-items:center;gap:6px;max-width:100%;font-size:10px;line-height:1.45;display:flex}.og-link-domain>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.og-link-domain>svg{flex:none}.og-link-summary>strong{letter-spacing:-.025em;color:#392d43;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:17px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.og-link-summary>p{color:#74647c;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.og-link-site-name{color:#786583;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:500;line-height:1.5;overflow:hidden}.og-link-context-note{color:#786583;margin:9px 0 0;font-size:10px;line-height:1.7}.og-export-panel{min-width:0}.og-export-summary{background:#fbf8fe;border:1px solid #e4dbe9;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;padding:15px 16px;display:flex}.og-export-summary>div{flex-direction:column;gap:5px;min-width:0;display:flex}.og-export-summary strong{color:#543e63;overflow-wrap:anywhere;font-size:13px;font-weight:550;line-height:1.4}.og-export-summary span{color:#786583;font-size:11px;line-height:1.5}.og-export-summary>code{color:#786583;white-space:nowrap;flex:none;font-size:10px}.og-export-tabs{background:#f4eff8;border:1px solid #e7ddee;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:20px;padding:4px;display:grid}.og-export-tabs>button{color:#786583;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:37px;padding:8px 10px;font-size:12px;line-height:1.4;display:flex}.og-export-tabs>button[aria-selected=true]{color:#704385;background:#fff;border-color:#decfe8;box-shadow:0 1px 3px #3b215412}.og-export-content{min-width:0}.og-export-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.og-export-image-grid>article{background:#fff;border:1px solid #e5dce9;border-radius:10px;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:17px;display:flex}.og-export-image-grid>article>div{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.og-export-image-grid strong{color:#553c65;font-size:16px;font-weight:600}.og-export-image-grid article>div>span{color:#775083;background:#f4eaf9;border:1px solid #e9dbf0;border-radius:20px;padding:3px 7px;font-size:9px}.og-export-image-grid p{color:#786583;flex:1;margin:0;font-size:11px;line-height:1.7}.og-export-image-grid .button{gap:6px;min-height:34px;font-size:11px}.og-export-note{color:#786583;align-items:flex-start;gap:11px;margin:20px 0;display:flex}.og-export-note>svg{flex:none;margin-top:3px}.og-export-note p{margin:0;font-size:11px;line-height:1.75}.og-export-panel>.button,.og-export-content>.button{min-height:39px;font-size:12px}.og-export-code-formats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.og-export-code-formats>button{text-align:left;color:#735681;background:#fff;border:1px solid #dfd6e6;border-radius:9px;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:16px;display:flex}.og-export-code-formats>button.active{background:#fbf6fe;border-color:#af89c9}.og-export-code-formats strong{color:#5c406d;font-size:12px;font-weight:550;line-height:1.5}.og-export-code-formats span{color:#786583;font-size:10px;line-height:1.5}.og-export-description{color:#786583;margin:17px 0;font-size:12px;line-height:1.75}.og-export-placeholder-note{background:#fcf9fe;border:1px solid #e7dfec;border-radius:8px;align-items:flex-start;gap:10px;margin:16px 0;padding:13px;display:flex}.og-placeholder-mark{color:#76538b;background:#fff;border:1px solid #dbcae5;border-radius:4px;flex:none;padding:4px 5px;font-family:monospace;font-size:9px;line-height:1.3}.og-export-placeholder-note p{color:#786583;margin:0;font-size:11px;line-height:1.7}.og-code-reveal{color:#775383;background:#fcf9ff;border:1px dashed #ccb8db;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:11px;width:100%;min-height:155px;margin:16px 0;font-size:12px;display:flex}.og-export-code{background:#faf7fd;border:1px solid #ded3e8;border-radius:8px;margin:16px 0;overflow:hidden}.og-export-code>div{color:#786583;background:#f5eff9;border-bottom:1px solid #e3d9eb;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;font-size:10px;display:flex}.og-export-code>div>code{color:#67467d;font-size:11px}.og-export-code>textarea{resize:vertical;outline-offset:-3px;color:#51415d;tab-size:2;white-space:pre;background:#fcfaff;border:0;width:100%;min-height:245px;max-height:450px;padding:15px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.8;display:block}.og-export-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;margin-top:16px;display:flex}.og-export-actions>.button{min-height:36px;font-size:11px}.og-package-heading{align-items:center;gap:14px;margin:6px 0 21px;display:flex}.og-package-heading>span{color:#8660a0;background:#f3eafa;border:1px solid #e2d2ed;border-radius:13px;flex:none;place-items:center;width:55px;height:55px;display:grid}.og-package-heading h4{color:#50375f;letter-spacing:-.025em;margin:0 0 5px;font-size:17px;font-weight:550}.og-package-heading p{color:#786583;margin:0;font-size:11px;line-height:1.6}.og-package-list{border:1px solid #e1d7e7;border-radius:9px;margin:0;padding:0;list-style:none;overflow:hidden}.og-package-list>li{color:#815f93;border-bottom:1px solid #e9e1ee;align-items:flex-start;gap:11px;padding:15px;display:flex}.og-package-list>li:last-child{border-bottom:0}.og-package-list>li>svg{flex:none;margin-top:3px}.og-package-list>li>span{flex-direction:column;gap:5px;min-width:0;display:flex}.og-package-list strong{color:#5b426a;font-size:12px;font-weight:500;line-height:1.5}.og-package-list small{color:#786583;font-size:11px;line-height:1.6}@media (max-width:1200px){.og-editor .slider-control{grid-template-columns:81px minmax(24px,1fr) 48px;gap:8px}.og-layout-options{gap:5px}.og-layout-options>button{padding:10px 7px}}@media (max-width:760px){.og-editor-field input,.og-editor-field textarea,.og-editor-field select{min-height:40px;font-size:13px}.og-editor .slider-control{grid-template-columns:94px minmax(32px,1fr) 55px;gap:12px;min-height:44px}.og-controls-footer{margin-bottom:12px}.og-link-summary{padding:16px}.og-link-summary>strong{font-size:15px}.og-export-summary{align-items:flex-start}.og-export-summary>code{font-size:9px}.og-export-tabs>button{padding:8px 6px;font-size:11px}.og-export-image-grid{gap:9px}.og-export-image-grid>article{padding:13px}.og-export-actions{justify-content:stretch}.og-export-actions>.button{flex:1}.og-export-code>textarea{font-size:10px}}@media (max-width:400px){.og-export-image-grid,.og-export-code-formats{grid-template-columns:1fr}.og-export-summary{flex-direction:column;gap:8px}.og-export-actions>.button{flex-basis:100%}}.frames-editor-tabs{flex-shrink:0}.frames-editor-content{min-width:0}.frames-editor-content .section-heading h3{font-size:15px}.frames-editor-content .control-description{margin-bottom:14px}.frames-editor-content .slider-control{grid-template-columns:88px minmax(28px,1fr) 54px;gap:10px;min-height:42px}.frames-editor-content .slider-control>label{white-space:normal;font-size:11px;line-height:1.4}.frames-editor-content .number-control{min-width:0}.frames-editor-content .toggle-row{gap:12px}.frames-editor-content .toggle-row>span:first-child{min-width:0;font-size:11px;line-height:1.5}.frames-editor-content .toggle-row small{line-height:1.6}.frames-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.frames-type-card{text-align:left;background:#fff;border:1px solid #e3dce9;border-radius:8px;flex-direction:column;align-items:flex-start;min-width:0;min-height:101px;padding:12px 10px;display:flex}.frames-type-card:hover{background:#fcf9ff;border-color:#c3a4da}.frames-type-card.active{background:#faf4ff;border-color:#ae7bd5;box-shadow:0 0 0 1px #7c2cff09}.frames-type-symbol{color:#9a80aa;justify-content:space-between;align-items:center;width:100%;height:24px;margin-bottom:8px;display:flex}.frames-type-symbol>svg{stroke-width:1.5px}.frames-type-card.active .frames-type-symbol{color:#8650a9}.frames-type-symbol .frames-type-check{color:#7b3fac;stroke-width:2px;background:#e9d9f8;border-radius:50%;width:15px;height:15px;padding:3px}.frames-type-card strong{color:#574261;font-size:11px;font-weight:550;line-height:1.4}.frames-type-card small{color:#96829f;margin-top:4px;font-size:9px;line-height:1.45}.frames-field-label{color:#6c5778;margin:17px 0 8px;font-size:11px;font-weight:500;line-height:1.45;display:block}.frames-placement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.frames-placement-grid>button{text-align:left;background:#fff;border:1px solid #e3d9eb;border-radius:7px;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:12px;display:flex}.frames-placement-grid>button:hover,.frames-placement-grid>button.active{background:#faf4ff;border-color:#b78fd1}.frames-placement-grid strong{color:#78588c;margin-top:2px;font-size:11px;font-weight:500}.frames-placement-grid small{color:#a08baa;font-size:9px;line-height:1.5}.frames-placement-mini{background:#f1e8f6;border:1px solid #c9b1da;border-radius:4px;width:45px;height:31px;display:block;position:relative;overflow:hidden}.frames-placement-mini:before{content:"";background:linear-gradient(130deg,#ad75d0,#8369d6,#68bace);border-radius:50%;width:54px;height:15px;position:absolute;top:14px;left:-4px;transform:rotate(-18deg)}.frames-placement-mini>i{z-index:1;background:#fff;border:1px solid #a290b0;border-top:5px solid #c4b3d2;border-radius:2px;position:absolute;inset:6px 7px;box-shadow:0 2px 4px #66507715}.frames-placement-mini.is-inside:before{z-index:2;border-radius:45%;width:26px;height:8px;top:16px;left:9px}.frames-editor-field{min-width:0;margin:13px 0}.frames-editor-field:first-child{margin-top:0}.frames-editor-field:last-child{margin-bottom:0}.frames-editor-field>label{color:#6c5778;margin-bottom:7px;font-size:11px;font-weight:500;line-height:1.45;display:block}.frames-editor-field>input,.frames-editor-field>select,.frames-editor-field>textarea,.frames-pixel-input{color:#44334f;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #ded5e6;border-radius:6px;font-size:12px;line-height:1.5}.frames-editor-field>input,.frames-editor-field>select,.frames-editor-field>textarea{padding:9px 10px}.frames-editor-field>select{-webkit-appearance:auto;appearance:auto;padding:9px 8px}.frames-editor-field>textarea{resize:vertical;min-height:80px}.frames-editor-field>textarea.frames-code-input{color:#544562;tab-size:2;min-height:160px;font-family:Courier New,Courier,monospace;font-size:11px;line-height:1.65}.frames-editor-field>input:hover,.frames-editor-field>select:hover,.frames-editor-field>textarea:hover,.frames-pixel-input:hover{border-color:#cdbadc}.frames-editor-field>input:focus,.frames-editor-field>select:focus,.frames-editor-field>textarea:focus,.frames-pixel-input:focus-within{outline-offset:1px;border-color:#a978dc;outline:2px solid #8f48e51a}.frames-field-hint{color:#8d7899;margin:8px 0 0;font-size:10px;line-height:1.65}.frames-field-error{color:#a63d57;margin:8px 0 13px;font-size:10px;line-height:1.6}.frames-field-success{color:#657a65;margin:8px 0;font-size:10px;line-height:1.6}.frames-dimension-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.frames-dimension-fields .frames-editor-field{margin:0}.frames-pixel-input{align-items:center;gap:5px;padding-right:10px;display:flex}.frames-pixel-input>input{width:100%;min-width:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;padding:9px 0 9px 10px;display:block}.frames-pixel-input>span{color:#a08aa9;flex-shrink:0;font-size:10px}.frames-pixel-input:has(input[aria-invalid=true]){border-color:#c96d87}.frames-output-spec{background:#fcfafd;border:1px solid #e8e0ed;border-radius:7px;align-items:center;gap:10px;margin:14px 0 10px;padding:11px 12px;display:flex}.frames-output-spec>svg{color:#aa8bbb;stroke-width:1.5px;flex-shrink:0}.frames-output-spec>span{flex-direction:column;gap:3px;min-width:0;display:flex}.frames-output-spec strong{color:#5b456b;font-variant-numeric:tabular-nums;font-size:12px;font-weight:550;line-height:1.5}.frames-output-spec small{color:#9b86a6;font-size:9px;line-height:1.45}.frames-segment{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;margin:8px 0 14px;display:grid}.frames-segment>button{color:#8d759b;background:#fff;border:1px solid #e3daeb;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:34px;padding:7px 6px;font-size:10px;line-height:1.35;display:inline-flex}.frames-segment>button:hover,.frames-segment>button.active{color:#80539a;background:#f8f0fd;border-color:#b99acd}.frames-theme-dot{border:1px solid #84659626;border-radius:50%;flex-shrink:0;width:12px;height:12px;display:block}.frames-theme-dot.is-light{background:#faf9fc}.frames-theme-dot.is-dark{background:#282330}.frames-window-buttons{color:#aa95b7;align-items:center;gap:3px;display:inline-flex}.frames-window-buttons>i{border:1px solid;border-radius:50%;width:4px;height:4px;display:block}.frames-window-buttons.is-windows>i{border-radius:0}.frames-window-buttons.is-windows>i:first-child{border-bottom:0;height:1px}.frames-disclosure{border-top:1px solid #eee7f2;margin-top:15px}.frames-disclosure>summary{cursor:pointer;color:#775989;justify-content:space-between;align-items:center;gap:10px;min-height:43px;font-size:11px;line-height:1.4;list-style:none;display:flex}.frames-disclosure>summary::-webkit-details-marker{display:none}.frames-disclosure>summary svg{color:#aa91bb;transition:transform .15s}.frames-disclosure[open]>summary svg{transform:rotate(90deg)}.frames-disclosure-body{padding:3px 0 10px}.frames-disclosure-body .frames-editor-field:first-child{margin-top:4px}.frames-position-heading{border-top:1px solid #ebe3f0;justify-content:space-between;align-items:center;gap:8px;margin:15px 0 5px;padding-top:10px;display:flex}.frames-position-heading>span{color:#9c85a9;font-size:10px}.frames-position-heading .text-button{font-size:10px}.frames-paper-colors{gap:7px;margin:0 0 12px;display:flex}.frames-paper-colors>button{color:#8a7099;background:#fff;border:1px solid #e3daeb;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;padding:7px;font-size:10px;display:flex}.frames-paper-colors>button>span{border:1px solid #84659626;border-radius:50%;flex-shrink:0;width:13px;height:13px}.frames-paper-colors>button:hover,.frames-paper-colors>button.active{background:#faf4ff;border-color:#c1a0d7}.frames-content-note{color:#937da0;background:#faf7fc;border:1px solid #ebe2f0;border-radius:7px;align-items:flex-start;gap:9px;margin:12px 0 2px;padding:11px 12px;font-size:10px;line-height:1.65;display:flex}.frames-content-note>svg{color:#aa8ebc;flex-shrink:0;margin-top:2px}.frames-upload-box{background:#fcf9fe;border:1px dashed #cbb8d9;border-radius:8px;padding:13px}.frames-upload-box>p{margin-top:9px}.frames-upload-preview{background:#f0ebf5;border:1px solid #e5daed;border-radius:5px;justify-content:center;align-items:center;width:100%;height:118px;margin-bottom:11px;display:flex;overflow:hidden}.frames-upload-preview>img{object-fit:contain;width:100%;height:100%;display:block}.frames-upload-preview>svg{color:#b39bc3;stroke-width:1.2px}.frames-upload-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.frames-upload-actions .button{justify-content:center;min-height:35px;padding:8px 10px;font-size:11px}.frames-upload-actions .text-button{font-size:10px}.frames-upload-actions button:disabled{opacity:.55;cursor:wait}.frames-character-count{color:#af9db8;font-variant-numeric:tabular-nums;justify-content:flex-end;margin:5px 0 0;font-size:9px;display:flex}.frames-edit-ribbon{color:#85549e;background:#faf5ff;border:1px solid #d5c0e5;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:38px;padding:9px 12px;font-size:11px;display:flex}.frames-edit-ribbon:hover{background:#f6ecfd;border-color:#b78ece}.frames-editor-actions{border-top:1px solid var(--line);flex-shrink:0;padding-top:15px}.frames-editor-actions .button{gap:7px;min-height:39px;font-size:11px}.frames-editor-actions .button>span{color:#d1c3de;margin-left:auto;font-size:8px;font-weight:400}.frames-editor-actions .frames-reset{color:#9e89a9;justify-content:center;align-items:center;gap:6px;width:100%;min-height:23px;margin-top:9px;font-size:9px;display:flex}.frames-editor-actions .frames-reset:hover{color:#754494}:is(.frames-editor-content button:focus-visible,.frames-disclosure>summary:focus-visible){outline-offset:2px;outline:2px solid #a978dc}@media (max-width:1200px) and (min-width:761px){.frames-type-card{padding:10px 8px}.frames-type-card small{font-size:8px}.frames-editor-content .slider-control{grid-template-columns:76px minmax(24px,1fr) 48px;column-gap:8px}.frames-placement-grid>button{padding:10px}.frames-paper-colors>button{gap:5px;padding:6px}.frames-output-spec{padding:10px}}@media (max-width:760px){.frames-editor-content .slider-control{grid-template-columns:89px minmax(40px,1fr) 57px;column-gap:17px;min-height:45px}.frames-editor-content .slider-control>label,.frames-editor-content .toggle-row>span:first-child{font-size:12px}.frames-type-card{min-height:108px;padding:13px 11px}.frames-type-card strong,.frames-editor-field>label,.frames-field-label{font-size:12px}.frames-type-card small,.frames-placement-grid small{font-size:10px}.frames-field-hint,.frames-field-error,.frames-field-success,.frames-content-note{font-size:11px}.frames-segment>button{min-height:38px;font-size:11px}.frames-position-heading>span,.frames-disclosure>summary{font-size:11px}.frames-editor-actions .button{min-height:42px;font-size:12px}}.artwork-viewport{display:contents}.social-preview-toolbar,.frames-preview-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.context-preview-target{color:#594c65;align-items:center;gap:9px;min-width:0;display:flex}.context-preview-target>svg{color:#907e9d;flex:none}.context-preview-target>span{font-size:12px;font-weight:600;line-height:1.5}.context-preview-target small{color:#8b8097;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;font-weight:400;display:block}.frames-view .canvas-wrap{background-image:radial-gradient(at 50% 40%,#fff 0%,#ffffff75 35%,#fff0 75%);flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:510px;padding:54px 28px 28px;display:flex;overflow:hidden;aspect-ratio:auto!important}.frames-canvas-page{isolation:isolate;width:min(100%,var(--frames-preview-width));height:auto;aspect-ratio:var(--frames-ratio);border-radius:4px;flex:none;position:relative;overflow:hidden;box-shadow:0 16px 40px -12px #33213c22,0 1px 3px #30213e12;container-type:inline-size}.frames-artwork-viewport{pointer-events:none;display:block;position:absolute;overflow:hidden}.frames-artwork{pointer-events:none;transform-origin:50%;position:absolute}.frames-artwork>.ribbon-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.frames-chrome{pointer-events:none;position:absolute;inset:0}.frames-chrome>svg{width:100%;height:100%;display:block}.frames-back{z-index:0}.placement-background>.frames-back{z-index:1}.frames-front{z-index:2}.frames-caption{text-align:center;flex-direction:column;align-items:center;gap:5px;max-width:100%;display:flex}.frames-caption strong{color:#4d405a;overflow-wrap:anywhere;max-width:360px;font-size:12px;font-weight:550;line-height:1.4}.frames-caption>span{color:#887c95;font-size:9px;line-height:1.5}.frames-view .canvas-topbar,.social-view .canvas-topbar{position:absolute;inset:12px 15px auto}.frames-view .transport,.social-view .transport{background:#fff}.preview-frame.is-fullscreen.frames-view .preview-width{justify-content:center;align-items:center;display:flex}.preview-frame.is-fullscreen.frames-view .canvas-wrap{aspect-ratio:auto;width:100%;height:auto;min-height:0;max-height:100%;padding-top:48px;padding-bottom:20px}.preview-frame.is-fullscreen.frames-view .frames-canvas-page{width:min(100%,var(--frames-preview-width),calc((100svh - 210px)*var(--frames-ratio)))}@media (max-width:1440px){.preview-section .preview-context-hint{display:none}}@media (max-width:1160px){.preview-section .preview-viewbar .preview-view-switch{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;width:100%;max-width:100%;display:grid}.preview-section .preview-viewbar .preview-view-switch button{grid-column:span 3;gap:5px;min-width:0;padding:7px 4px;font-size:11px}.preview-section .preview-viewbar .preview-view-switch button:nth-child(n+5){grid-column:span 4}}@media (max-width:980px){.social-preview-toolbar .button,.frames-preview-toolbar .button{padding:7px 9px;font-size:11px}.frames-view .canvas-wrap{padding-left:22px;padding-right:22px}.frames-view .website-transport-label,.social-view .website-transport-label{white-space:normal;max-width:108px;font-size:9px;line-height:1.4}.frames-view .transport .timeline,.social-view .transport .timeline{min-width:30px}}@media (max-width:760px){.preview-section .preview-viewbar .preview-view-switch button{min-height:32px;font-size:10px}.preview-section .preview-viewbar .preview-view-switch button svg{display:none}.social-preview-toolbar,.frames-preview-toolbar{gap:8px}.context-preview-target{gap:6px}.context-preview-target>svg{width:15px;height:15px}.context-preview-target>span{font-size:11px}.context-preview-target small{font-size:9px}.social-preview-toolbar .website-preview-actions,.frames-preview-toolbar .website-preview-actions{gap:6px}.social-preview-toolbar .button,.frames-preview-toolbar .button{min-height:33px;padding:7px 8px;font-size:10px}.social-preview-toolbar .button svg,.frames-preview-toolbar .button svg{width:13px;height:13px}.frames-view .canvas-wrap{gap:20px;min-height:340px;padding:48px 16px 23px}.frames-view .canvas-topbar,.social-view .canvas-topbar{inset:10px 11px auto}.frames-view .website-transport-label,.social-view .website-transport-label{max-width:83px;font-size:8px}}@media (max-width:520px){.modal .dialog-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.modal .dialog-tabs button{padding:8px 3px;font-size:10px}}@media (max-width:390px){.context-preview-target>svg{display:none}.social-preview-toolbar .button,.frames-preview-toolbar .button{padding:7px 6px}.social-preview-toolbar .website-preview-actions,.frames-preview-toolbar .website-preview-actions{gap:4px}}.studio-mode-select{color:#9175a8;background:#fff;border:1px solid #ded7e6;border-radius:10px;align-items:center;gap:12px;min-width:230px;padding:10px 13px;display:flex;position:relative;box-shadow:0 2px 5px #34204004}.studio-mode-select>div{flex:1;min-width:0}.studio-mode-select label{letter-spacing:.14em;color:#b2a0bc;font-size:8px;font-weight:550;line-height:1.4;display:block}.studio-mode-select select{-webkit-appearance:none;appearance:none;color:#4d385d;cursor:pointer;background:0 0;border:0;outline:0;width:100%;padding:0 17px 0 0;font:550 13px/1.7 Arial,sans-serif}.studio-mode-select>svg:last-child{pointer-events:none;position:absolute;right:13px}.studio-mode-select:focus-within{border-color:#aa82c7;outline:2px solid #bb94df55}.studio-mode-select.is-editing{width:100%;min-width:0;margin-bottom:14px;padding:9px 12px}.preview-viewbar.mode-preview-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.mode-preview-description{text-align:right;color:#a391b1;max-width:250px;font-size:10px;line-height:1.6}.extended-preview-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.preview-frame[hidden]{display:none!important}.context-view .canvas-wrap{background-image:radial-gradient(at 50% 40%,#ffffffc9,#0000 74%);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:530px;padding:54px 26px 25px;display:flex;aspect-ratio:auto!important}.context-canvas-page{isolation:isolate;width:min(100%,var(--context-preview-width));height:auto;aspect-ratio:var(--context-ratio);flex:none;position:relative;overflow:hidden;box-shadow:0 18px 50px -15px #30213f2b,0 1px 3px #30213f12;container-type:inline-size}.context-artwork{z-index:1;pointer-events:none;position:absolute}.context-artwork>.ribbon-canvas{width:100%;height:100%;position:absolute;inset:0}.context-artwork-viewport{pointer-events:none;position:absolute;overflow:hidden}.context-svg-layer{pointer-events:none;position:absolute;inset:0}.context-svg-layer>svg{width:100%;height:100%;display:block}.context-back{z-index:0}.context-front{z-index:2}.context-guides{z-index:3}.context-view .canvas-topbar{position:absolute;inset:12px 15px auto}.context-view .transport{background:#fff}.context-caption{text-align:center;flex-direction:column;align-items:center;gap:5px;display:flex}.context-caption strong{color:#64516f;font-size:12px;font-weight:550}.context-caption>span{color:#a08bad;font-size:9px}.preview-frame.is-fullscreen.context-view .preview-width{justify-content:center;align-items:center;height:100%;display:flex}.preview-frame.is-fullscreen.context-view .canvas-wrap{width:100%;height:auto;min-height:0;padding:48px 26px 22px}.preview-frame.is-fullscreen.context-view .context-canvas-page{width:min(100%,1100px,calc((100svh - 210px)*var(--context-ratio)))}.context-slide-nav{align-items:center;gap:10px;margin-top:14px;display:flex}.context-slide-nav>label{color:#a08aad;flex:1;align-items:center;gap:10px;min-width:0;font-size:10px;display:flex}.context-slide-nav select{color:#6d537d;background:#fff;border:1px solid #e0d5e9;border-radius:7px;width:100%;min-width:0;padding:7px;font-size:11px}.context-slide-nav .button{padding:7px 10px;font-size:10px}.narrative-device-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.narrative-device-bar button{font-size:10px}.narrative-preview-shell{min-width:0}.export-format-picker{color:#9982a7;flex-direction:column;gap:7px;margin:0 0 24px;font-size:10px;display:flex}.export-format-picker select{color:#594066;background:#f9f6fc;border:1px solid #ded3e7;border-radius:8px;width:100%;padding:11px 12px;font-size:13px}.extended-export-summary{background:#fbf8fe;border:1px solid #e6dcec;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin:16px 0 20px;padding:16px;display:flex}.extended-export-summary strong{color:#654876;font-size:13px}.extended-export-summary span{color:#aa92b7;text-align:right;font-size:10px;line-height:1.6}.extended-export-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.extended-export-actions .button{min-height:41px;font-size:11px}.extended-export-actions .button:last-child:nth-child(odd){grid-column:1/-1}.extended-export-facts{flex-wrap:wrap;gap:7px;margin:15px 0;display:flex}.extended-export-facts span{color:#a18dab;border:1px solid #e5dce9;border-radius:5px;padding:5px 7px;font-size:10px}.extended-export-status{color:#816392;background:#f8f3fc;border-left:2px solid #b992d4;padding:8px 12px;font-size:11px;line-height:1.6}@media (max-width:1160px){.mode-preview-description{display:none}.studio-mode-select{width:100%}.extended-preview-toolbar .button{padding:7px 9px;font-size:11px}}@media (max-width:760px){.studio-mode-select{min-width:0}.mode-preview-bar{margin-bottom:13px}.context-view .canvas-wrap{gap:18px;min-height:350px;padding:45px 16px 22px}.context-view .canvas-topbar{inset:10px 11px auto}.context-view .website-transport-label{white-space:normal;max-width:85px;font-size:8px;line-height:1.4}.context-view .transport .timeline{min-width:30px}.extended-preview-toolbar{gap:8px}.extended-preview-toolbar .button{padding:7px 8px;font-size:10px}.extended-preview-toolbar .website-preview-actions{gap:6px}.extended-export-actions{grid-template-columns:1fr}.extended-export-summary{align-items:flex-start}.extended-export-summary span{max-width:45%}.studio-mode-select.is-editing{margin-bottom:15px}}.narrative-device-hint{color:#9a87a5;font-size:10px}@media (max-width:600px){.narrative-device-hint{display:none}}.media-editor-field{color:#7f718b;flex-direction:column;gap:7px;margin:13px 0;font-size:11px;line-height:1.5;display:flex}.media-editor-field input,.media-editor-field textarea,.media-editor-field select{color:#403348;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #dfd6e6;border-radius:7px;min-width:0;padding:9px 10px}.media-editor-field textarea{min-height:78px;line-height:1.65}.media-editor-field input:focus,.media-editor-field select:focus,.media-editor-field textarea:focus{border-color:#a67bd2;outline:2px solid #b997e84d}.media-format-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.media-format-grid>button{text-align:left;background:#fff;border:1px solid #e3dce8;border-radius:9px;flex-direction:column;gap:6px;min-width:0;padding:14px 11px;display:flex}.media-format-grid>button.active{background:#f5effb;border-color:#ab88c7;box-shadow:inset 0 0 0 2px #f7f2fb}.media-format-grid strong{color:#4e3c5c;font-size:11px;font-weight:550}.media-format-grid small{color:#a393ae;font-size:9px;line-height:1.5}.media-format-grid>button:last-child{grid-column:1/-1}.media-output-spec{background:#fbf8ff;border:1px solid #e7dfee;border-radius:8px;flex-direction:column;gap:5px;margin:14px 0;padding:13px;display:flex}.media-output-spec strong{color:#665077;font-size:12px}.media-output-spec span{color:#9984aa;font-size:10px}.media-section-list{flex-direction:column;gap:5px;display:flex}.media-section-list>button{text-align:left;color:#8c7b98;border:1px solid #e5dce9;border-radius:6px;align-items:center;gap:9px;padding:9px 10px;font-size:11px;display:flex}.media-section-list>button.active{color:#6c428f;background:#f3eafb;border-color:#b796cf}.media-section-list span{opacity:.55;font-size:9px}.media-block-actions{align-items:center;gap:3px;margin:7px 0 16px;display:flex}.media-block-actions .text-button{margin-left:auto}.media-count{color:#aa94b7;font-size:10px}.media-controls-footer{border-top:1px solid #eee7f3;flex-direction:column;flex:none;align-items:center;gap:13px;padding:15px 0 10px;display:flex}.media-controls-footer>.button{justify-content:flex-start;font-size:11px}.media-controls-footer>.button span{color:#e2d7eb99;margin-left:auto;font-size:9px}.media-controls-footer>.text-button{color:#b3a4bc;font-size:10px}@media (max-width:760px){.media-editor-field,.media-format-grid strong{font-size:12px}.media-format-grid small{font-size:10px}}.qr-control-tabs{flex:none}.qr-editor{scrollbar-gutter:stable}.qr-editor .slider-control{grid-template-columns:91px minmax(28px,1fr) 54px;column-gap:10px;min-height:42px}.qr-editor .slider-control>label{white-space:normal;font-size:11px;line-height:1.4}.qr-editor .number-control{min-width:0}.qr-editor .toggle-row{gap:12px}.qr-editor .toggle-row>span:first-child{min-width:0;font-size:11px;line-height:1.45}.qr-editor .section-heading h3{font-size:15px}.qr-editor .control-section{margin-bottom:22px;padding-bottom:22px}.qr-editor .control-section:last-child{margin-bottom:0}.qr-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 4px;display:grid}.qr-type-grid>button{text-align:left;background:#fff;border:1px solid #e1dce6;border-radius:8px;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;min-height:76px;padding:14px 12px;transition:border-color .16s,background .16s;display:flex;position:relative}.qr-type-grid>button:hover{background:#fbf8ff;border-color:#b9a2d4}.qr-type-grid>button.active{background:#f8f2fd;border-color:#ae86d7}.qr-type-grid>button>svg{color:#8d7c9b}.qr-type-grid>button strong{color:#4e405e;font-size:11px;font-weight:550}.qr-type-grid .qr-selected{color:#9a74bc;position:absolute;top:9px;right:8px}.qr-editor-field{flex-direction:column;gap:8px;min-width:0;margin:17px 0;display:flex}.qr-editor-field>label,.qr-field-label{color:#776b83;font-size:11px;line-height:1.4}.qr-field-label{margin:16px 0 10px;display:block}.qr-editor-field input,.qr-editor-field textarea,.qr-editor-field select{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:#39303f;background:#fff;border:1px solid #ded8e5;border-radius:6px;outline:none;padding:10px 11px;font-size:12px;line-height:1.5}.qr-editor-field textarea{resize:vertical;min-height:65px;max-height:230px}.qr-editor-field select{padding-right:24px}.qr-editor-field input:focus,.qr-editor-field textarea:focus,.qr-editor-field select:focus{border-color:#a47bc9;box-shadow:0 0 0 2px #b58bd920}.qr-editor-field select:disabled{opacity:.65;background:#faf8fc}.qr-field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.qr-field-hint{color:#91869b!important;margin:10px 0 0!important;font-size:10px!important;line-height:1.65!important}.qr-editor-field>.qr-field-hint{margin-top:0!important}.qr-field-error{color:#9f3e61;margin:10px 0;font-size:11px;line-height:1.5}.qr-status{background:#faf7fd;border:1px solid #e2d9e9;border-radius:8px;margin:18px 0 2px;padding:13px 12px}.qr-status>div{color:#6d4e86;align-items:center;gap:8px;display:flex}.qr-status strong{font-size:11px;font-weight:550;line-height:1.5}.qr-status>small{color:#91809d;margin:7px 0 0;font-size:9px;line-height:1.6;display:block}.qr-status>p{color:#8b6b46;margin:9px 0 0;font-size:10px;line-height:1.6}.qr-status.is-invalid{background:#fdf5f7;border-color:#efd6df}.qr-status.is-invalid>div{color:#a04669}.qr-style-grid,.qr-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 18px;display:grid}.qr-style-grid>button{color:#877491;background:#fff;border:1px solid #e0d8e8;border-radius:7px;flex-direction:column;align-items:center;gap:10px;padding:13px 7px;font-size:10px;display:flex}.qr-style-grid>button.active{color:#6d438c;background:#faf4fe;border-color:#b092c8}.qr-module-mini{grid-template-columns:repeat(2,1fr);gap:3px;width:25px;height:25px;display:grid}.qr-module-mini>i{background:#674481;display:block}.qr-module-mini.is-rounded>i{border-radius:3px}.qr-module-mini.is-dots>i{border-radius:50%}.qr-segment{gap:5px;min-width:0;margin:13px 0 17px;display:flex}.qr-segment>button{color:#8b7899;background:#fff;border:1px solid #e1d9e9;border-radius:6px;flex:1;justify-content:center;align-items:center;min-width:0;min-height:33px;padding:8px 5px;font-size:10px;line-height:1.4;display:flex}.qr-segment>button.active{color:#744b91;background:#f8f0ff;border-color:#b69acb}.qr-palette-grid>button{color:#8b7899;background:#fff;border:1px solid #e1d9e9;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:9px 4px;font-size:10px;display:flex}.qr-palette-grid i{border-radius:50%;flex:none;width:13px;height:13px;display:block}.qr-palette-link{margin:13px 0 3px;font-size:10px;display:block}.qr-logo-upload{background:#fcf9ff;border:1px dashed #ddcfe9;border-radius:8px;margin:14px 0;padding:12px}.qr-logo-thumbnail{background:#f2edf6;border-radius:6px;place-items:center;width:100%;height:80px;margin-bottom:12px;display:grid;overflow:hidden}.qr-logo-thumbnail>img{object-fit:contain;width:68px;height:68px}.qr-upload-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.qr-upload-actions>.button{min-height:31px;padding:7px 9px;font-size:10px}.qr-upload-actions>.text-button{font-size:9px}.qr-size-presets{gap:7px;margin:15px 0;display:flex}.qr-size-presets>button{color:#887193;background:#fff;border:1px solid #e2d9ea;border-radius:6px;flex:1;padding:8px 5px;font-size:10px}.qr-size-presets>button.active{color:#70498a;background:#faf4ff;border-color:#ba9ed0}.qr-output-spec{color:#9576aa;background:#fbf8fd;border:1px solid #e7dfef;border-radius:8px;align-items:center;gap:12px;margin:12px 0;padding:13px 12px;display:flex}.qr-output-spec>div{flex-direction:column;gap:5px;min-width:0;display:flex}.qr-output-spec strong{font-variant-numeric:tabular-nums;color:#51425f;font-size:12px;font-weight:600;line-height:1.4}.qr-output-spec small{color:#96889e;font-size:9px;line-height:1.4}.qr-disclosure{border-top:1px solid #eee6f3;margin-top:18px;padding-top:12px}.qr-disclosure summary{color:#8c729f;cursor:pointer;padding:5px 0 10px;font-size:10px}.qr-edit-link{color:#8d5db2;background:#fcf8ff;border:1px solid #dfd2e9;border-radius:6px;justify-content:space-between;align-items:center;width:100%;min-height:38px;margin:16px 0 12px;padding:10px 12px;font-size:11px;display:flex}.qr-editor-actions{border-top:1px solid #ebe5f0;flex:none;margin-top:14px;padding-top:16px}.qr-editor-actions>.button{align-items:center;gap:8px;min-height:39px;font-size:11px;display:flex}.qr-editor-actions>.button>span{letter-spacing:.03em;opacity:.7;margin-left:auto;font-size:8px;font-weight:400}.qr-reset{justify-content:center;align-items:center;gap:5px;width:100%;margin-top:13px;display:flex;color:#b4a9bf!important;font-size:10px!important}@media (max-width:1200px){.qr-editor .slider-control{grid-template-columns:81px minmax(24px,1fr) 48px;column-gap:8px}.qr-type-grid>button{padding:12px 9px}}@media (max-width:760px){.qr-editor-actions{margin-bottom:12px}.qr-editor-field input,.qr-editor-field textarea,.qr-editor-field select{min-height:39px;font-size:13px}.qr-editor .slider-control{grid-template-columns:94px minmax(32px,1fr) 55px;column-gap:14px;min-height:44px}.qr-editor .slider-control>label,.qr-editor .toggle-row>span:first-child{font-size:12px}}.brand-editor{scrollbar-gutter:stable}.brand-editor .slider-control{grid-template-columns:95px minmax(25px,1fr) 52px;gap:10px;min-height:42px}.brand-editor .slider-control>label{white-space:normal;font-size:11px;line-height:1.4}.brand-editor .toggle-row{gap:12px}.brand-editor .toggle-row>span:first-child{min-width:0;font-size:11px;line-height:1.5}.brand-editor .section-heading h3{font-size:15px}.brand-field{flex-direction:column;gap:8px;min-width:0;margin:16px 0;display:flex}.brand-field>label{color:#786a85;font-size:11px;line-height:1.4}.brand-field input,.brand-field textarea,.brand-field select{box-sizing:border-box;color:#3c3145;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #ded7e5;border-radius:6px;outline:none;padding:10px 11px;font-size:12px;line-height:1.5}.brand-field textarea{resize:vertical;min-height:70px;max-height:240px}.brand-field input:focus,.brand-field textarea:focus,.brand-field select:focus{border-color:#ae8bc8;box-shadow:0 0 0 2px #b58bd920}.brand-field-pair{grid-template-columns:1fr 1fr;gap:11px;display:grid}.brand-hint{color:#94869e!important;margin:10px 0 0!important;font-size:10px!important;line-height:1.65!important}.brand-field>.brand-hint{margin-top:0!important}.brand-layouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:17px 0;display:grid}.brand-layouts>button{text-align:left;background:#fff;border:1px solid #e2dbe8;border-radius:7px;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:13px 9px;display:flex;position:relative}.brand-layouts>button.active{background:#f8f2fd;border-color:#b396d0}.brand-layouts strong{color:#66506f;font-size:10px;font-weight:600}.brand-layouts small{color:#a18baa;font-size:9px;line-height:1.5}.brand-layouts>button>svg{color:#9c81af}.brand-layouts>button>svg:last-child:not(:first-child){position:absolute;top:12px;right:8px}.brand-logo-upload{background:#fcf9ff;border:1px dashed #dacde5;border-radius:9px;flex-wrap:wrap;align-items:center;gap:11px;padding:15px;display:flex}.brand-logo-upload>img{object-fit:contain;background:repeating-conic-gradient(#f6f1fa 0% 25%,#fff 0% 50%) 50%/15px 15px;border-radius:6px;width:100%;height:110px;display:block}.brand-monogram-preview{color:#fff;border-radius:16px;flex-basis:auto;place-items:center;width:68px;height:68px;margin:2px auto 6px;font-size:32px;font-weight:600;display:grid}.brand-logo-upload>.button{font-size:10px}.brand-logo-upload>.brand-hint{width:100%}.brand-fit{margin:15px 0}.brand-fit>button{flex:1;min-height:32px;font-size:10px}.brand-output{background:#faf7fd;border:1px solid #e4dbea;border-radius:8px;flex-direction:column;gap:6px;margin:17px 0;padding:16px;display:flex}.brand-output strong{color:#634d70;font-size:13px}.brand-output span{color:#9783a5;font-size:10px}.brand-edit-link{color:#8e62ab;background:#fcf8ff;border:1px solid #ddd0e6;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin:16px 0 7px;padding:11px;font-size:10px;display:flex}.brand-editor-actions{border-top:1px solid #e8e0ee;flex:none;margin-top:14px;padding-top:16px}.brand-editor-actions>.button{align-items:center;gap:8px;min-height:39px;font-size:11px;display:flex}.brand-editor-actions>.button>span{opacity:.65;margin-left:auto;font-size:8px;font-weight:400}.brand-reset{justify-content:center;align-items:center;gap:5px;width:100%;margin-top:13px;display:flex;color:#b3a6be!important;font-size:10px!important}@media (max-width:1200px){.brand-editor .slider-control{grid-template-columns:81px minmax(22px,1fr) 47px;gap:8px}}@media (max-width:760px){.brand-field input,.brand-field textarea,.brand-field select{font-size:13px}.brand-editor .slider-control{grid-template-columns:98px minmax(32px,1fr) 53px;gap:13px}.brand-editor .slider-control>label,.brand-editor .toggle-row>span:first-child{font-size:12px}.brand-editor-actions{margin-bottom:12px}}.slides-editor{scrollbar-gutter:stable}.slides-editor .slider-control{grid-template-columns:95px minmax(25px,1fr) 52px;gap:10px;min-height:42px}.slides-editor .slider-control>label{white-space:normal;font-size:11px;line-height:1.4}.slides-editor .toggle-row{gap:12px}.slides-editor .toggle-row>span:first-child{min-width:0;font-size:11px;line-height:1.5}.slides-editor .section-heading h3{font-size:15px}.slides-field{flex-direction:column;gap:8px;min-width:0;margin:16px 0;display:flex}.slides-field>label{color:#786a85;font-size:11px;line-height:1.4}.slides-field input,.slides-field textarea,.slides-field select,.slides-add>select{box-sizing:border-box;color:#3c3145;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #ded7e5;border-radius:6px;outline:none;padding:10px 11px;font-size:12px;line-height:1.5}.slides-field textarea{resize:vertical;min-height:70px;max-height:260px}.slides-field input:focus,.slides-field textarea:focus,.slides-field select:focus,.slides-add>select:focus{border-color:#ae8bc8;box-shadow:0 0 0 2px #b58bd920}.slides-field-pair{grid-template-columns:1fr 1fr;gap:11px;display:grid}.slides-hint{color:#94869e!important;margin:10px 0 0!important;font-size:10px!important;line-height:1.65!important}.slides-field>.slides-hint{margin-top:0!important}.slides-deck-list{flex-direction:column;gap:8px;max-height:390px;margin:18px 0 12px;padding:1px 3px 1px 1px;display:flex;overflow:auto}.slides-deck-list>button{text-align:left;background:#fff;border:1px solid #e5dce9;border-radius:7px;flex:none;align-items:center;gap:13px;min-width:0;padding:9px;display:flex}.slides-deck-list>button.active{background:#f9f3fd;border-color:#ac85cc}.slides-deck-list>button>span:last-child{flex-direction:column;gap:5px;min-width:0;display:flex}.slides-deck-list strong{white-space:nowrap;text-overflow:ellipsis;color:#5d4a69;font-size:11px;font-weight:500;line-height:1.4;display:block;overflow:hidden}.slides-deck-list small{color:#a18cae;font-size:9px}.slides-layout-mini{border:1px solid #d7cbe2;border-radius:3px;flex:none;width:66px;height:42px;position:relative;overflow:hidden}.slides-layout-mini i{opacity:.65;background:currentColor;border-radius:1px;width:32px;height:3px;position:absolute;top:11px;left:9px}.slides-layout-mini i:nth-child(2){opacity:.3;width:23px;height:2px;top:17px}.slides-layout-mini i:last-child{background:var(--slide-mini-accent);opacity:.65;border-radius:50%;width:58px;height:10px;top:29px;left:12px;transform:rotate(-13deg)}.slides-layout-mini.is-section i:first-child{width:45px;top:17px}.slides-layout-mini.is-section i:nth-child(2){width:31px;top:23px}.slides-layout-mini.is-section i:last-child{opacity:.13;width:28px;height:40px;top:4px;left:34px;transform:rotate(-20deg)}.slides-layout-mini.is-content i:first-child{width:42px;height:3px;top:8px}.slides-layout-mini.is-content i:nth-child(2){background:repeating-linear-gradient(currentColor 0 1px,#0000 1px 4px);width:30px;height:9px;top:19px}.slides-layout-mini.is-split i:first-child{width:21px;top:11px}.slides-layout-mini.is-split i:last-child{width:12px;height:43px;top:5px;left:43px;transform:rotate(13deg)}.slides-layout-mini.is-quote i:first-child{background:repeating-linear-gradient(currentColor 0 2px,#0000 2px 5px);width:45px;height:9px;top:13px;left:10px}.slides-layout-mini.is-quote i:nth-child(2){width:20px;top:27px}.slides-layout-mini.is-closing i:first-child{width:35px;top:12px;left:16px}.slides-layout-mini.is-closing i:nth-child(2){width:20px;top:20px;left:23px}.slides-order-actions{align-items:center;gap:6px;display:flex}.slides-order-actions>.button{min-height:32px;padding:7px 9px;font-size:10px}.slides-order-actions>.button:nth-child(3){flex:1;justify-content:center}.slides-add{align-items:center;gap:8px;margin-top:14px;display:flex}.slides-add>select{flex:1;width:0;font-size:10px}.slides-add>.button{white-space:nowrap;min-height:37px;font-size:10px}.slides-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 10px;display:grid}.slides-layout-grid>button{text-align:left;background:#fff;border:1px solid #e2dbe8;border-radius:7px;flex-direction:column;gap:6px;min-width:0;padding:12px 10px;display:flex}.slides-layout-grid>button.active{background:#f8f2fd;border-color:#b396d0}.slides-layout-grid strong{color:#66506f;font-size:11px;font-weight:600}.slides-layout-grid small{color:#a18baa;font-size:9px;line-height:1.5}.slides-stepper{gap:2px;display:flex}.slides-stepper>.icon-button{width:27px;height:27px}.slides-align,.slides-fit{margin:15px 0}.slides-align>button,.slides-fit>button{flex:1;justify-content:center;align-items:center;min-height:32px;font-size:10px;display:flex}.slides-theme-options{gap:7px;margin:16px 0;display:flex}.slides-theme-options>button{color:#897191;background:#fff;border:1px solid #e1d9e7;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 5px;font-size:10px;display:flex}.slides-theme-options i{border:1px solid #34223d22;border-radius:50%;flex:none;width:13px;height:13px}.slides-output{background:#faf7fd;border:1px solid #e4dbea;border-radius:8px;flex-direction:column;gap:6px;margin:17px 0;padding:16px;display:flex}.slides-output strong{color:#634d70;font-size:13px}.slides-output span{color:#9783a5;font-size:10px}.slides-edit-link{color:#8e62ab;background:#fcf8ff;border:1px solid #ddd0e6;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin:16px 0 7px;padding:11px;font-size:10px;display:flex}.slides-editor-actions{border-top:1px solid #e8e0ee;flex:none;margin-top:14px;padding-top:16px}.slides-editor-actions>.button{align-items:center;gap:8px;min-height:39px;font-size:11px;display:flex}.slides-editor-actions>.button>span{opacity:.65;margin-left:auto;font-size:8px;font-weight:400}.slides-reset{justify-content:center;align-items:center;gap:5px;width:100%;margin-top:13px;display:flex;color:#b3a6be!important;font-size:10px!important}@media (max-width:1200px){.slides-editor .slider-control{grid-template-columns:81px minmax(22px,1fr) 47px;gap:8px}.slides-order-actions>.button{padding:7px}}@media (max-width:760px){.slides-field input,.slides-field textarea,.slides-field select{font-size:13px}.slides-editor .slider-control{grid-template-columns:98px minmax(32px,1fr) 53px;gap:13px}.slides-editor .slider-control>label,.slides-editor .toggle-row>span:first-child{font-size:12px}.slides-editor-actions{margin-bottom:12px}}.narrative-editor-tabs{flex-shrink:0}.narrative-editor-content{min-width:0}.narrative-editor-content .section-heading h3{font-size:15px;line-height:1.4}.narrative-editor-content .control-description{margin-bottom:14px}.narrative-editor-content .slider-control{grid-template-columns:88px minmax(28px,1fr) 54px;gap:10px;min-height:42px}.narrative-editor-content .slider-control>label{white-space:normal;font-size:11px;line-height:1.4}.narrative-editor-content .toggle-row{gap:12px}.narrative-editor-content .toggle-row>span:first-child{min-width:0;font-size:11px;line-height:1.5}.narrative-editor-content .toggle-row small{line-height:1.6}.narrative-section-count{font-variant-numeric:tabular-nums;color:#a28aaf;flex:none;font:9px/1.4 Arial,Helvetica,sans-serif}.narrative-chapter-list{flex-direction:column;gap:7px;display:flex}.narrative-chapter-list>button{text-align:left;background:#fff;border:1px solid #e4dcea;border-radius:8px;align-items:center;gap:10px;width:100%;min-width:0;padding:10px;display:flex}.narrative-chapter-list>button:hover,.narrative-chapter-list>button.active{background:#fbf7ff;border-color:#c3a3dd}.narrative-chapter-swatch{border:1px solid #9b82b01c;border-radius:4px;flex:none;place-items:center;width:38px;height:48px;display:grid}.narrative-chapter-swatch>svg{stroke-width:1.5px}.narrative-chapter-list>button>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.narrative-chapter-list small{letter-spacing:.12em;color:#a08baa;font-size:7px;font-weight:500;line-height:1.4}.narrative-chapter-list strong{color:#5b436c;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:550;line-height:1.5;overflow:hidden}.narrative-chapter-list em{color:#ab98b5;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-style:normal;line-height:1.5;overflow:hidden}.narrative-chapter-list>button>svg{color:#b29ac3;flex:none}.narrative-add{justify-content:center;min-height:36px;margin-top:11px;font-size:11px}.narrative-add:disabled{opacity:.45;cursor:default}.narrative-editor-field{min-width:0;margin:13px 0}.narrative-editor-field:first-child{margin-top:0}.narrative-editor-field:last-child{margin-bottom:0}.narrative-editor-field>label{color:#6c5778;margin-bottom:7px;font-size:11px;font-weight:500;line-height:1.45;display:block}.narrative-editor-field>input,.narrative-editor-field>select,.narrative-editor-field>textarea{color:#44334f;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #ded5e6;border-radius:6px;padding:9px 10px;font-size:12px;line-height:1.5}.narrative-editor-field>select{-webkit-appearance:auto;appearance:auto;padding:9px 8px}.narrative-editor-field>textarea{resize:vertical;min-height:82px}.narrative-editor-field>input:hover,.narrative-editor-field>select:hover,.narrative-editor-field>textarea:hover{border-color:#cdbadc}.narrative-editor-field>input:focus,.narrative-editor-field>select:focus,.narrative-editor-field>textarea:focus{outline-offset:1px;border-color:#a978dc;outline:2px solid #8f48e51a}.narrative-editor-field>[aria-invalid=true]{border-color:#c96d87}.narrative-field-hint{color:#8d7899;margin:8px 0 0;font-size:10px;line-height:1.65}.narrative-field-hint code{color:#805c97;font:10px Courier New,Courier,monospace}.narrative-field-error{color:#a63d57;margin:8px 0 13px;font-size:10px;line-height:1.6}.narrative-editing-chapter{border-bottom:1px solid #e9e0ef;padding:16px 0 19px}.narrative-editing-chapter>label{color:#ae98bb;letter-spacing:.13em;margin-bottom:8px;font-size:8px;font-weight:500;display:block}.narrative-editing-chapter>select{color:#654778;background:#fcf9ff;border:1px solid #d7c4e5;border-radius:6px;width:100%;min-width:0;padding:10px 9px;font:500 11px/1.5 Arial,Helvetica,sans-serif;display:block}.narrative-chapter-actions{align-items:center;gap:6px;margin-top:8px;display:flex}.narrative-chapter-actions>button{color:#957ca6;background:#fff;border:1px solid #e3d9eb;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:31px;min-height:30px;padding:6px 8px;font-size:9px;display:flex}.narrative-chapter-actions>button:nth-child(3){flex:1}.narrative-chapter-actions>button:last-child{margin-left:auto}.narrative-chapter-actions>button:hover:not(:disabled){color:#754494;background:#faf4ff;border-color:#cdb0e1}.narrative-chapter-actions>button:disabled{opacity:.35;cursor:default}.narrative-align-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:15px;display:grid}.narrative-align-options>button{color:#9b82aa;background:#fff;border:1px solid #e3d9eb;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:37px;padding:8px 4px;font-size:10px;display:flex}.narrative-align-options>button.active{color:#7b4898;background:#f6edff;border-color:#bd97d8}.narrative-theme-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:17px;display:grid}.narrative-theme-options>button{color:#9e84ad;flex-direction:column;align-items:center;gap:7px;min-width:0;font-size:9px;display:flex}.narrative-theme-options>button>span{letter-spacing:-.6px;border:1px solid #d3c0df77;border-radius:5px;place-items:center;width:100%;height:42px;font-size:14px;font-weight:600;display:grid}.narrative-theme-options>button:hover>span{outline-offset:1px;outline:2px solid #b591d255}.narrative-disclosure{border-top:1px solid #ebe3f0;margin-top:15px}.narrative-disclosure>summary{cursor:pointer;color:#775989;justify-content:space-between;align-items:center;gap:8px;padding:15px 0;font-size:11px;line-height:1.4;list-style:none;display:flex}.narrative-disclosure>summary::-webkit-details-marker{display:none}.narrative-disclosure>summary>svg{color:#aa91bb;transition:transform .15s}.narrative-disclosure[open]>summary>svg{transform:rotate(90deg)}.narrative-disclosure>div{padding-bottom:10px}.narrative-edit-ribbon{color:#85549e;background:#faf5ff;border:1px solid #d5c0e5;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:38px;padding:9px 12px;font-size:11px;display:flex}.narrative-edit-ribbon:hover{background:#f6ecfd;border-color:#b78ece}.narrative-editor-actions{border-top:1px solid var(--line);flex-shrink:0;padding-top:15px}.narrative-editor-actions>.button{gap:7px;min-height:39px;font-size:11px}.narrative-editor-actions>.button>span{color:#d1c3de;margin-left:auto;font-size:8px;font-weight:400}.narrative-reset{color:#9e89a9;justify-content:center;align-items:center;gap:6px;width:100%;min-height:23px;margin-top:9px;font-size:9px;display:flex}.narrative-reset:hover{color:#754494}:is(.narrative-editor-content button:focus-visible,.narrative-editor-content select:focus-visible,.narrative-disclosure>summary:focus-visible){outline-offset:2px;outline:2px solid #a978dc}.narrative-presentation-options,.narrative-transition-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.narrative-presentation-options>button,.narrative-transition-options>button{text-align:left;color:#70567f;background:#fff;border:1px solid #e1d5ea;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:10px;display:flex}.narrative-presentation-options>button:hover,.narrative-transition-options>button:hover{background:#fcf9ff;border-color:#c6a5dc}.narrative-presentation-options>button.active,.narrative-transition-options>button.active{background:#f8f1ff;border-color:#b68bce;box-shadow:inset 0 0 0 1px #c9ade329}.narrative-presentation-options strong,.narrative-transition-options strong{font-size:11px;font-weight:600;line-height:1.4}.narrative-presentation-options small,.narrative-transition-options small{color:#927b9f;font-size:9px;line-height:1.5}.narrative-control-caption{color:#ab93ba;letter-spacing:.1em;margin:21px 0 10px;font-size:8px;font-weight:500;line-height:1.4}.narrative-presentation-preview,.narrative-effect-preview{align-self:stretch;height:34px;margin-bottom:5px;display:block;position:relative;overflow:hidden}.narrative-presentation-preview i,.narrative-effect-preview i{font-style:normal;display:block;position:absolute;left:50%}.narrative-presentation-preview.is-scenes i{background:#e9d9f5;border:1px solid #a983c8;border-radius:4px;width:32px;height:24px;top:5px}.narrative-presentation-preview.is-scenes i:first-child{opacity:.45;transform:translate(-28px,-2px)rotate(-8deg)}.narrative-presentation-preview.is-scenes i:nth-child(2){opacity:.7;transform:translate(-16px)}.narrative-presentation-preview.is-scenes i:nth-child(3){background:linear-gradient(140deg,#d3b0ed,#a8e2e7);transform:translate(-4px,2px)rotate(7deg)}.narrative-presentation-preview.is-flow i{background:#e6d8f0;border:1px solid #b69bcb;border-radius:2px;width:56px;height:7px;top:3px;transform:translate(-50%)}.narrative-presentation-preview.is-flow i:nth-child(2){background:#d3e7ed;top:14px}.narrative-presentation-preview.is-flow i:nth-child(3){background:#f2d4d4;top:25px}.narrative-effect-preview.is-morph i{border-top:4px solid #a06bc7;border-radius:50%;width:70px;height:24px;top:11px;transform:translate(-50%)rotate(-12deg)}.narrative-effect-preview.is-morph i:nth-child(2){opacity:.8;border-color:#5bbaca;top:15px;transform:translate(-50%)rotate(12deg)}.narrative-effect-preview.is-morph i:nth-child(3){opacity:.75;border-color:#f0a998;top:19px}.narrative-effect-preview.is-crossfade i{opacity:.35;background:#b48bce;border-radius:4px;width:36px;height:25px;top:5px;transform:translate(-80%)}.narrative-effect-preview.is-crossfade i:nth-child(2){opacity:.65;background:#76bfcc;transform:translate(-20%)}.narrative-effect-preview.is-crossfade i:nth-child(3){display:none}.narrative-effect-preview.is-focus i{filter:blur(3px);opacity:.45;background:linear-gradient(135deg,#cba4e2,#89c9d5);border-radius:4px;width:48px;height:23px;top:6px;transform:translate(-50%)}.narrative-effect-preview.is-focus i:nth-child(2){filter:none;opacity:.9;width:30px;height:17px;top:9px}.narrative-effect-preview.is-focus i:nth-child(3){filter:none;opacity:.85;background:#fbf8ff;width:13px;height:3px;top:16px}.narrative-effect-preview.is-wipe i{background:#e9e1ee;border-radius:4px;width:54px;height:25px;top:5px;transform:translate(-50%)}.narrative-effect-preview.is-wipe i:nth-child(2){clip-path:polygon(0 0,65% 0,48% 100%,0 100%);background:linear-gradient(90deg,#bd92d9,#8bc7d3)}.narrative-effect-preview.is-wipe i:nth-child(3){background:#a987bb;width:1px;height:30px;top:2px;transform:translate(1px)rotate(17deg)}.narrative-transition-note{color:#8a7497;background:#fbf8fd;border:1px solid #e5daed;border-radius:7px;padding:12px 13px;font-size:10px;line-height:1.7}.narrative-transition-note p{margin:0}.narrative-transition-note p+p{margin-top:7px}.narrative-transition-note .text-button{color:#7c4c99;align-items:center;gap:6px;margin-top:10px;font-size:10px;display:flex}.narrative-transition-inherited{background:#f6effb;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;display:flex}.narrative-transition-inherited>span{flex-direction:column;gap:3px;min-width:0;display:flex}.narrative-transition-inherited strong{color:#725085;font-size:10px;font-weight:550;line-height:1.4}.narrative-transition-inherited small{color:#a18bad;font-size:9px;line-height:1.4}.narrative-transition-inherited .text-button{color:#8b5ca6;flex:none;align-items:center;gap:4px;font-size:9px;display:flex}.narrative-transition-footnote{color:#9b85a8;border-top:1px solid #eae2ef;margin:15px 0 0;padding-top:12px;font-size:10px;line-height:1.65}@media (max-width:1200px) and (min-width:761px){.narrative-editor-content .slider-control{grid-template-columns:76px minmax(24px,1fr) 48px;column-gap:8px}.narrative-chapter-list>button{gap:8px;padding:8px}.narrative-chapter-swatch{width:32px;height:44px}.narrative-align-options>button{gap:4px;font-size:9px}}@media (max-width:760px){.narrative-editor-content .slider-control{grid-template-columns:89px minmax(40px,1fr) 57px;column-gap:17px;min-height:45px}.narrative-editor-content .slider-control>label,.narrative-editor-content .toggle-row>span:first-child,.narrative-editor-field>label{font-size:12px}.narrative-field-hint,.narrative-field-error{font-size:11px}.narrative-chapter-list strong{font-size:12px}.narrative-chapter-list em{font-size:10px}.narrative-editor-actions>.button{min-height:42px;font-size:12px}.narrative-editor-content .section-heading h3{font-size:16px}}.narrative-preview{flex-direction:column;align-items:center;gap:0;width:100%;min-width:0;display:flex}.narrative-preview-toolbar{justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0 0 11px;display:flex}.narrative-preview-navigation{color:#9f87ad;align-items:center;gap:7px;min-width:0;display:flex}.narrative-preview-navigation>svg{stroke-width:1.6px;flex:none}.narrative-preview-navigation>select{color:#785b8c;-webkit-appearance:auto;appearance:auto;background:#fff;border:1px solid #ddd1e7;border-radius:6px;width:clamp(140px,22vw,240px);min-width:0;max-width:100%;padding:7px 9px;font:500 10px/1.5 Arial,Helvetica,sans-serif}.narrative-preview-actions{flex:none;align-items:center;gap:6px;display:flex}.narrative-preview-actions>button{color:#9b7faf;background:#fff;border:1px solid #e1d7e8;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:31px;min-height:31px;padding:6px 9px;font-size:10px;display:flex}.narrative-preview-actions>button:hover{color:#805299;background:#fbf6ff;border-color:#c7a9da}:is(.narrative-preview-actions>button:focus-visible,.narrative-preview-navigation>select:focus-visible){outline-offset:2px;outline:2px solid #a978dc}.narrative-preview-percent{color:#ac98b8;font-variant-numeric:tabular-nums;text-align:right;min-width:27px;margin-right:5px;font-size:9px}.narrative-preview-stage{min-width:0;width:min(100%,var(--narrative-preview-width));background:#faf9f7;border:1px solid #dcd3e5;border-radius:10px;transition:width .2s;position:relative;overflow:hidden;box-shadow:0 16px 45px -30px #3e245a35}.narrative-browser-edge{color:#afa0b9;background:#f5f2f7;border-bottom:1px solid #e5dfe9;justify-content:center;align-items:center;min-height:29px;display:flex;position:relative}.narrative-browser-edge>span{gap:4px;display:flex;position:absolute;left:12px}.narrative-browser-edge i{background:#d5c7df;border-radius:50%;width:5px;height:5px;display:block}.narrative-browser-edge i:nth-child(2){background:#dcd1e2}.narrative-browser-edge i:nth-child(3){background:#e3dbe9}.narrative-browser-edge>small{letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;max-width:50%;font-size:8px;font-weight:500;overflow:hidden}.narrative-browser-edge>em{letter-spacing:.14em;color:#bbafc4;font-size:6px;font-style:normal;position:absolute;right:12px}.narrative-preview-iframe{background:#faf9f7;border:0;width:100%;height:590px;min-height:420px;max-height:72svh;display:block}.narrative-preview.is-mobile .narrative-preview-iframe{height:650px;max-height:76svh}.narrative-preview-loading{z-index:1;color:#a58ab5;background:#faf9f7;justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex;position:absolute;inset:30px 0 0}.narrative-preview-loading>svg{animation:1s linear infinite narrative-loading-spin}.narrative-preview-help{color:#a28caf;text-align:center;justify-content:center;align-items:flex-start;gap:7px;max-width:620px;margin:13px 0 0;font-size:10px;line-height:1.7;display:flex}.narrative-preview-help>svg{stroke-width:1.6px;flex:none;margin-top:2px}.narrative-preview-error{color:#a04761;text-align:center;margin:12px 0 0;font-size:11px;line-height:1.6}.preview-frame.is-fullscreen .narrative-preview-iframe{height:calc(100svh - 220px);min-height:0;max-height:none}@keyframes narrative-loading-spin{to{transform:rotate(360deg)}}@media (max-width:980px){.narrative-preview-navigation>select{width:185px}.narrative-preview-actions>button{padding:6px 8px;font-size:9px}.narrative-preview-percent{font-size:8px}.narrative-preview-help{font-size:9px}}@media (max-width:760px){.narrative-preview-navigation>select{width:165px;font-size:10px}.narrative-preview-toolbar{gap:7px}.narrative-preview-navigation{gap:5px}.narrative-preview-actions{gap:4px}.narrative-preview-actions>button{min-width:29px;padding:6px}.narrative-preview-actions>button>span{display:none}.narrative-preview-iframe{height:580px;min-height:400px;max-height:72svh}.narrative-preview-stage{border-radius:8px}.narrative-preview-help{font-size:9px}.narrative-preview-percent{margin-right:2px}}@media (prefers-reduced-motion:reduce){.narrative-preview-stage{transition:none}.narrative-preview-loading>svg{animation:none}}.narrative-preview-mode{color:#9478a7;white-space:nowrap;margin-right:6px;font-size:9px}.narrative-preview-scrubber{width:100%;padding:13px 0 0}.narrative-scrubber-labels{color:#9c86aa;align-items:center;gap:12px;min-width:0;margin-bottom:9px;font-size:9px;display:flex}.narrative-scrubber-labels>label{color:#816591;flex:none;font-weight:550}.narrative-scrubber-labels>output{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:30px}.narrative-transition-caption{flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}.narrative-transition-caption>b{color:#885eaa;background:#eee5f5;border-radius:4px;flex:none;padding:3px 6px;font-size:8px;font-weight:550}.narrative-transition-caption>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:32%;overflow:hidden}.narrative-transition-caption>svg{stroke-width:1.5px;flex:none}.narrative-preview-scrubber>input{accent-color:#925bc1;cursor:ew-resize;width:100%;height:5px;margin:0;display:block}.narrative-preview-scrubber>input:focus-visible{outline-offset:6px;border-radius:6px;outline:2px solid #bc95db}.narrative-preview-scrubber>input:disabled{opacity:.4;cursor:wait}@media (max-width:760px){.narrative-scrubber-labels{gap:7px;font-size:8px}.narrative-transition-caption{gap:4px}.narrative-transition-caption>b{padding:3px 4px;font-size:7px}.narrative-preview-mode{display:none}}.studio-app{--app-rail-width:72px;--app-rail-background:var(--studio-page-background,#f0eef1)}.studio-app[data-rail=expanded]{--app-rail-width:240px}.app-rail{color:#706677;background:var(--studio-page-background,#f0eef1);flex-direction:column;min-width:0;min-height:0;display:flex}.app-rail-desktop{z-index:30;width:var(--app-rail-width);border:0;height:100dvh;padding:0 10px;transition:width .18s;position:fixed;inset:0 auto 0 0}.app-rail-header{flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:66px;padding:15px 1px 13px;display:flex}.app-rail-brand{align-items:center;gap:8px;min-width:0;display:flex}.app-rail-mark{flex:none;width:29px;height:25px}.app-rail-brand-title{white-space:nowrap;color:#37303c;letter-spacing:-.3px;font-size:13px;font-weight:600;line-height:1.4}.app-rail-toggle{color:#897e91;border-radius:6px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.app-rail-toggle:hover{color:#5d4b6b;background:#e7e1e9}.app-rail-navigation{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d0c6d6 transparent;flex:1;min-height:0;padding:0 0 12px;overflow:hidden auto}.app-rail-group-title{color:#918697;letter-spacing:.09em;text-transform:uppercase;margin:0 0 7px;padding:0 10px;font-size:9px;font-weight:550;line-height:1.5}.app-rail-primary,.app-rail-families{flex-direction:column;gap:3px;display:flex}.app-rail-create,.app-rail-publish{margin-top:22px}.app-rail-destination{min-width:0;position:relative}.app-rail-destination.app-rail-item-with-library{gap:2px}.app-rail-family-items{flex-direction:column;gap:2px;margin-left:9px;padding:4px 0 5px 17px;display:flex}.app-rail-family-items[hidden]{display:none}.app-rail-family-items .app-rail-item{gap:8px;min-height:33px;padding:7px 8px}.app-rail-family-items .app-rail-item>svg{width:16px;height:16px}.app-rail-family-items .app-rail-label{font-size:11px}.app-rail-family-chevron{color:#a598ad;margin-left:auto;transition:transform .15s}.app-rail-family-toggle[aria-expanded=true] .app-rail-family-chevron{transform:rotate(180deg)}.app-rail-family-toggle[data-active=true]{color:#75459d;background:#e9e3ee}.app-rail-family-toggle[data-active=true] .app-rail-label{font-weight:550}.app-rail-family-active{display:none}.app-rail-library-button{color:#a598af;border-radius:6px;flex:none;place-items:center;width:26px;height:28px;display:grid}.app-rail-library-button:hover{color:#75459d;background:#e6ddeb}.app-rail-library-button:focus-visible{outline-offset:-2px;outline:2px solid #a77acc}.app-rail-item{color:#7d7186;text-align:left;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;width:100%;min-width:0;min-height:36px;padding:8px 10px;display:flex;position:relative}.app-rail-item>svg{stroke-width:1.6px;flex:none}.app-rail-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:450;line-height:1.5;overflow:hidden}.app-rail-item:hover{color:#54425f;background:#e8e2eb}.app-rail-item[aria-current=page]{color:#75459d;background:#e9def2;border-color:#dcc8ec}.app-rail-item[aria-current=page] .app-rail-label{font-weight:550}.app-rail-current-mark{display:none}.app-rail-item[aria-current=page] .app-rail-current-mark{background:#9e69c6;border-radius:3px;width:2px;height:14px;display:block;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.app-rail-utilities{border:0;flex-direction:column;flex:none;gap:2px;padding:13px 0;display:flex}.app-rail-utility{color:#938598}.app-rail-count{color:#9b7baa;font-variant-numeric:tabular-nums;background:#e5dce9;border-radius:5px;flex:none;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 4px;font-size:8px;font-weight:550;display:flex}:is(.app-rail-item:focus-visible,.app-rail-toggle:focus-visible){outline-offset:-2px;outline:2px solid #a77acc}.app-rail-desktop[data-expanded=false] .app-rail-header{flex-direction:column;justify-content:center;gap:8px;padding:13px 0 12px}.app-rail-desktop[data-expanded=false] .app-rail-brand-title,.app-rail-desktop[data-expanded=false] .app-rail-label{display:none}.app-rail-desktop[data-expanded=false] .app-rail-group-title{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-rail-desktop[data-expanded=false] .app-rail-create,.app-rail-desktop[data-expanded=false] .app-rail-publish{margin-top:18px}.app-rail-desktop[data-expanded=false] .app-rail-item{justify-content:center;min-height:38px;padding:8px 0}.app-rail-desktop[data-expanded=false] .app-rail-family-chevron{display:none}.app-rail-desktop[data-expanded=false] .app-rail-family-toggle[data-active=true] .app-rail-family-active{background:#9e69c6;border-radius:50%;width:4px;height:4px;display:block;position:absolute;top:8px;right:5px}.app-rail-desktop[data-expanded=false] .app-rail-destination-primary .app-rail-library-button{background:var(--studio-page-background,#f0eef1);opacity:0;border-radius:6px;width:21px;height:21px;transition:opacity .12s;position:absolute;bottom:0;right:-1px}.app-rail-desktop[data-expanded=false] .app-rail-destination-primary:hover .app-rail-library-button,.app-rail-desktop[data-expanded=false] .app-rail-destination-primary:focus-within .app-rail-library-button{opacity:1}.app-rail-desktop[data-expanded=false] .app-rail-destination-primary .app-rail-library-button:hover{background:#e6ddeb}.app-rail-desktop[data-expanded=false] .app-rail-destination-primary .app-rail-library-button>svg{width:13px;height:13px}.app-rail-desktop[data-expanded=false] .app-rail-count{color:#0000;background:#b590ca;border-radius:50%;width:5px;min-width:0;height:5px;margin:0;padding:0;position:absolute;top:7px;right:9px;overflow:hidden}.app-rail-family-popover{background:var(--surface,#fff);width:290px;max-height:calc(100dvh - 28px);color:var(--ink,#302a37);border:1px solid #e3dce8;border-radius:13px;padding:10px;overflow:auto;box-shadow:0 14px 44px #35243c1f,0 3px 12px #35243c08}.app-rail-family-popover>header{padding:8px 9px 15px}.app-rail-family-popover>header>span{color:#a092aa;letter-spacing:.1em;font-size:8px;font-weight:600;display:block}.app-rail-family-popover h2{letter-spacing:-.25px;margin:5px 0 4px;font-size:15px;font-weight:600;line-height:1.4}.app-rail-family-popover p{color:#97899f;font-size:10px;line-height:1.6}.app-rail-family-popover-items{flex-direction:column;gap:3px;display:flex}.app-rail-family-popover .app-rail-item{gap:10px;min-height:38px;padding:9px}.app-rail-family-popover .app-rail-label{font-size:12px}.app-rail-family-popover .app-rail-library-button{width:31px;height:34px}.app-rail-tooltip{z-index:45;color:#faf6fc;background:#302735;border:1px solid #4a3e52;border-radius:8px;max-width:240px;padding:10px 12px;font-size:11px;line-height:1.4;box-shadow:0 8px 28px #25192f1a}.app-rail-tooltip>strong{font-size:11px;font-weight:550;display:block}.app-rail-tooltip>span{color:#c6b6d0;margin-top:4px;font-size:10px;line-height:1.6;display:block}.app-rail-tooltip>svg{fill:#302735;background:#302735}.app-navigation-drawer{background:var(--studio-page-background,#f0eef1);color:#706677;border:0;border-radius:0 14px 14px 0;width:min(320px,100vw - 28px);max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;position:fixed;inset:0 auto 0 0;overflow:hidden;box-shadow:10px 0 60px #24182c26}.app-navigation-drawer:not([open]){display:none}.app-navigation-drawer[open]{animation:.16s ease-out app-rail-drawer-enter;display:flex}.app-navigation-drawer::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#241b335c}.app-rail-mobile{background:var(--studio-page-background,#f0eef1);flex:1;width:100%;height:100%;padding:0 16px}.app-rail-mobile .app-rail-header{min-height:70px;padding-top:max(15px,env(safe-area-inset-top));padding-bottom:13px}.app-rail-mobile .app-rail-mark{width:32px;height:28px}.app-rail-mobile .app-rail-brand-title{letter-spacing:-.5px;font-size:16px}.app-rail-mobile .app-rail-toggle{width:36px;height:36px}.app-rail-mobile .app-rail-navigation{padding-bottom:16px}.app-rail-mobile .app-rail-group-title{margin-bottom:7px;padding-inline:12px;font-size:9px}.app-rail-mobile .app-rail-item{gap:13px;min-height:44px;padding:10px 12px}.app-rail-mobile .app-rail-label{font-size:13px}.app-rail-mobile .app-rail-family-items{margin-left:12px;padding-left:12px}.app-rail-mobile .app-rail-family-items .app-rail-item{gap:10px;padding-inline:9px}.app-rail-mobile .app-rail-family-items .app-rail-label{font-size:12px}.app-rail-mobile .app-rail-library-button{width:38px;height:42px}.app-rail-mobile .app-rail-utilities{padding:10px 0 max(14px,env(safe-area-inset-bottom))}.app-rail-mobile .app-rail-count{min-width:21px;height:21px;font-size:10px}html:has(.app-navigation-drawer[open]){overflow:hidden}@keyframes app-rail-drawer-enter{0%{opacity:.5;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@media (max-width:1000px){.studio-app,.studio-app[data-rail=expanded]{--app-rail-width:0px}.app-rail-desktop{display:none}}@media (prefers-reduced-motion:reduce){.app-rail-desktop,.app-navigation-drawer[open],.app-rail-family-chevron{transition:none;animation:none}}@media (hover:none){.app-rail-desktop[data-expanded=false] .app-rail-destination-primary .app-rail-library-button{opacity:1}}.rail-library-popover{color:#413749;background:#fdfcfe;border:1px solid #e7e0ec;border-radius:15px;flex-direction:column;width:344px;height:min(744px,100dvh - 32px);padding:0;display:flex;overflow:hidden;box-shadow:0 18px 65px #35243c24,0 3px 12px #35243c0b}.rail-library-heading{background:#fff;border-bottom:1px solid #ede7f1;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.rail-library-heading>div:last-child{align-items:center;gap:3px;display:flex}.rail-library-heading span{color:#9d8daa;letter-spacing:.13em;font-size:8px;font-weight:600}.rail-library-heading h2{letter-spacing:-.45px;color:#42334e;margin:5px 0 0;font-size:17px;font-weight:600;line-height:1.3}.rail-library-content{flex-direction:column;flex:1;min-height:0;display:flex}.rail-library-search{flex:none;margin:14px 16px 4px;position:relative}.rail-library-search>svg{color:#aa9ab7;pointer-events:none;position:absolute;top:11px;left:11px}.rail-library-search input{background:#fff;border-color:#e8e0ed;height:35px;padding-left:33px;font-size:11px}.rail-library-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e0d4e8 transparent;flex:1;min-height:0;padding:3px 16px 18px;overflow:auto}.rail-library-section-title{color:#9a86a7;letter-spacing:.11em;justify-content:space-between;align-items:center;gap:8px;margin:20px 0 11px;font-size:8px;font-weight:600;display:flex}.rail-library-section-title [data-slot=badge]{letter-spacing:0;color:#9a7cac;background:#f2ebf7;font-size:9px}.rail-component-asset{text-align:left;cursor:grab;background:#fff;border:1px solid #eee6f3;border-radius:10px;align-items:center;gap:11px;width:100%;min-width:0;margin:0 0 7px;padding:13px 11px;transition:background .15s,border-color .15s;display:flex}.rail-component-asset:hover{background:#faf6fe;border-color:#d6bee9}.rail-component-asset:active{cursor:grabbing}.rail-component-asset-icon{color:#9b6bbf;background:#f2eaf8;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid}.rail-component-asset>span:nth-child(2){flex:1;min-width:0}.rail-component-asset strong{color:#4d3d59;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:550;line-height:1.6;display:block;overflow:hidden}.rail-component-asset small{color:#a493af;margin-top:2px;font-size:8px;display:block}.rail-component-asset>svg{color:#bbaac6;flex:none}.rail-library-footer{background:#fff;border-top:1px solid #ede7f1;flex:none;padding:12px 16px 16px}.rail-library-footer>button{justify-content:space-between;width:100%;font-size:10px}.rail-library-footer>p{color:#9c89aa;margin:0 0 11px;font-size:9px;line-height:1.65}.rail-library-backup{justify-content:space-between;margin-top:7px;display:flex}.rail-library-backup button{color:#a087b1;font-size:9px}.rail-library-empty{border:0;padding:28px 10px}.rail-library-empty [data-slot=empty-title]{font-size:13px}.rail-library-empty [data-slot=empty-description]{font-size:10px;line-height:1.7}.rail-library-starters{flex-direction:column;gap:8px;display:flex}.rail-library-starters>button{background:#fff;justify-content:flex-start;font-size:10px}.rail-library-starters .rail-library-section-title{margin-bottom:0}.rail-native-asset{background:#fff;border:1px solid #e9e0ef;border-radius:11px;min-width:0;overflow:hidden}.rail-native-asset[draggable=true]{cursor:grab}.rail-native-preview{text-align:left;background:#f3edf7;border-bottom:1px solid #eee6f3;width:100%;height:150px;display:block;position:relative;overflow:hidden}.rail-native-preview .space-item-preview{pointer-events:none}.rail-native-preview .space-item-preview img{object-fit:contain}.rail-native-preview .space-item-placeholder{gap:6px!important;padding:12px!important;font-size:9px!important}.rail-native-preview .space-item-placeholder svg{width:18px;height:18px}.rail-native-meta{justify-content:space-between;align-items:center;gap:6px;padding:10px;display:flex}.rail-native-meta>div:first-child{min-width:0}.rail-native-meta>div:last-child{flex:none;gap:1px;display:flex}.rail-native-meta strong{color:#564360;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:550;display:block;overflow:hidden}.rail-native-meta small{color:#aa98b5;margin-top:3px;font-size:8px;display:block}.rail-native-meta button{color:#a38ab5}.rail-native-grid{flex-direction:column;gap:10px;display:flex}.rail-current-asset{flex-direction:column;gap:8px;display:flex}.rail-current-asset .rail-library-section-title{margin-bottom:1px}.rail-current-asset input{height:31px;font-size:10px}.rail-current-asset>button{background:#fff;font-size:10px}.rail-live-dot{letter-spacing:0;align-items:center;gap:4px;font-weight:400;display:flex}.rail-live-dot:before{content:"";background:#84b99b;border-radius:50%;width:4px;height:4px}.rail-library-hint{color:#aa99b4;margin:12px 4px 20px;font-size:10px;line-height:1.8}.rail-library-undo{color:#86619f;background:#f3ecf8;justify-content:space-between;align-items:center;padding:7px 16px;font-size:10px;display:flex}.rail-screen-glyph{color:#a484b8;background:radial-gradient(circle,#faf7ff,#f0e9f7);flex-direction:column;justify-content:center;align-items:center;gap:9px;height:100%;display:flex}.rail-screen-glyph>span{font-variant-numeric:tabular-nums;color:#7d6090;font-size:12px}.rail-screen-glyph small{color:#a38eb1;font-size:9px}.rail-new-screen{width:100%;margin-top:12px;font-size:10px}.rail-theme-group{margin-bottom:20px}.rail-theme-group h3{color:#6e537f;margin:0 0 9px;font-size:11px;font-weight:550}.rail-theme-asset{text-align:left;background:#fff;border:1px solid #e9e1f0;border-radius:10px;align-items:center;gap:11px;width:100%;margin-bottom:7px;padding:12px 11px;display:flex}.rail-theme-asset:hover{background:#faf6ff;border-color:#d7c0e7}.rail-theme-asset>span:nth-child(2){flex:1}.rail-theme-asset strong{color:#5b426b;font-size:11px;font-weight:550;display:block}.rail-theme-asset small{color:#a38db1;margin-top:4px;font-size:8px;display:block}.rail-theme-asset>svg{color:#b39cc3}.rail-theme-swatches{border:1px solid #e7dfec;border-radius:8px;grid-template-columns:repeat(2,16px);gap:2px;padding:2px;display:grid;overflow:hidden}.rail-theme-swatches i{border-radius:3px;width:16px;height:16px;display:block}.app-rail-item-with-library{align-items:center;gap:3px;display:flex}.app-rail-item-with-library>.app-rail-item{flex:1}.app-rail-mobile-library{color:#a38eb1;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.app-rail-mobile-library:hover{background:#eae1ef}.rail-library-mobile-dialog{color:#51415c;background:#fdfcfe;border:1px solid #e3d7ed;border-radius:15px;width:min(400px,100vw - 24px);height:min(800px,100dvh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:hidden}.rail-library-mobile-dialog[open]{flex-direction:column;display:flex}.rail-library-mobile-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#21142d55}:is(.rail-library-popover button:focus-visible,.rail-library-mobile-dialog button:focus-visible){outline-offset:2px;outline:2px solid #a174c4}.design-system-workspace-body{flex:1;grid-template-columns:212px minmax(0,1fr) 294px;min-width:0;min-height:0;display:grid;overflow:hidden}.design-system-library{border-right:1px solid var(--border);background:#fdfcfe;flex-direction:column;min-width:0;min-height:0;display:flex}.design-system-library-search{padding:18px 13px 12px;position:relative}.design-system-library-search>svg{color:var(--muted-foreground);position:absolute;top:28px;left:24px}.design-system-library-search input{height:34px;padding-left:31px}.design-system-list-heading{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:10px;padding:7px 17px 11px;font-size:10px;display:flex}.design-system-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;padding:0 9px 20px;overflow:auto}.design-system-library-item{border:1px solid #0000;border-radius:9px;margin-bottom:5px}.design-system-library-item.is-selected{background:#f6f1fa;border-color:#e9deef}.design-system-library-item.is-archived{opacity:.7}.design-system-library-item>.design-system-item-main{white-space:normal;text-align:left;justify-content:flex-start;align-items:center;gap:11px;width:100%;height:auto;min-height:64px;padding:12px 10px;display:flex;color:var(--foreground)!important;background:0 0!important}.design-system-item-mark{background:var(--system-mark);border-radius:7px;flex:none;place-items:center;width:31px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.design-system-item-mark{background:color-mix(in srgb,var(--system-mark) 8%,white)}}.design-system-item-mark{color:var(--system-mark);border:1px solid var(--system-mark)}@supports (color:color-mix(in lab, red, red)){.design-system-item-mark{border:1px solid color-mix(in srgb,var(--system-mark) 18%,white)}}.design-system-item-main>span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.design-system-item-main strong{font-size:11px;font-weight:550;line-height:1.4}.design-system-item-main small{color:var(--muted-foreground);font-size:9px;font-weight:400}.design-system-theme-list{flex-direction:column;gap:2px;padding:0 6px 8px 14px;display:flex}.design-system-theme-row{align-items:center;gap:4px;display:flex}.design-system-theme-row>button:first-child{flex:1;justify-content:flex-start;gap:9px;min-width:0;height:31px;font-size:10px;display:flex;color:var(--muted-foreground)!important;border:0!important}.design-system-theme-row>button:first-child[aria-pressed=true]{color:#65427f!important;background:#ebe0f4!important}.design-system-theme-row>button:first-child>span:first-child{border:1px solid #0000000a;border-radius:3px;flex:none;width:9px;height:9px}.design-system-theme-row>button:first-child>span:nth-child(2){text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.design-system-theme-row>button:last-child:not(:first-child),.design-system-library-item>button:last-child:not(:first-child){font-size:9px}.design-system-add-theme{justify-content:flex-start;gap:7px;height:30px;margin-top:5px;font-size:10px;padding-left:11px!important}.design-system-library-footer{border-top:1px solid var(--border);padding:18px 16px}.design-system-library-footer [data-slot=field-label]{font-size:10px}.design-system-library-footer [data-slot=switch]{margin-left:auto}.design-system-library-footer p{color:var(--muted-foreground);margin-top:16px;font-size:9px;line-height:1.8}.design-system-preview-panel{scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:radial-gradient(at 30% 0,#f5effa 0%,#0000 55%),#faf8fc;min-width:0;min-height:0;padding:28px 27px 22px;overflow:auto}.design-system-preview-heading{justify-content:space-between;align-items:center;gap:12px;max-width:940px;margin:0 auto 23px;display:flex}.design-system-preview-heading>div>span{color:var(--muted-foreground);font-size:10px}.design-system-preview-heading h2{letter-spacing:-.8px;margin-top:5px;font-size:26px;font-weight:550;line-height:1.25}.design-system-preview-heading [data-slot=badge]{white-space:nowrap;gap:6px;display:flex;background:#ffffff8a!important}.design-system-live-dot{background:#87ac93;border-radius:50%;width:4px;height:4px}.design-system-specimens{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:940px;margin:auto;display:grid}.design-system-specimen{background:var(--background);min-width:0;color:var(--foreground);border:1px solid var(--border);border-radius:14px;transition:box-shadow .15s;overflow:hidden;box-shadow:0 3px 7px #2d183405,0 12px 28px #2d183408}.design-system-specimen[data-selected=true]{box-shadow:0 0 0 2px #a783c321,0 3px 7px #2d183405,0 12px 28px #2d183408}.design-system-specimen-label{border-bottom:1px solid var(--border);color:var(--muted-foreground);align-items:center;gap:7px;padding:14px 17px;font:500 10px Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.design-system-specimen-dot{background:var(--primary);border-radius:50%;width:4px;height:4px;margin-left:auto}.design-system-specimen-content{padding:20px 16px}.design-system-type-specimen{align-items:center;gap:16px;margin-bottom:22px;display:flex}.design-system-type-specimen>span{letter-spacing:-2px;color:var(--foreground);font-size:48px;font-weight:550;line-height:1}.design-system-type-specimen>p{color:var(--muted-foreground);font-size:11px;font-weight:400;line-height:1.65}.design-system-type-specimen>p strong{color:var(--foreground);font-weight:500}.design-system-demo-card{border-radius:calc(var(--preview-radius) + 4px);border:1px solid var(--border);background:var(--card);color:var(--card-foreground);gap:22px;padding:21px 0;box-shadow:0 1px 2px #00000008}.design-system-demo-card :is([data-slot=card-header],[data-slot=card-content],[data-slot=card-footer]){padding-inline:18px}.design-system-demo-card [data-slot=card-header]{gap:9px}.design-system-demo-heading{justify-content:space-between;align-items:center;gap:7px;display:flex}.design-system-demo-heading [data-slot=card-title]{letter-spacing:-.2px;font-size:13px;font-weight:600}.design-system-demo-card [data-slot=card-description]{color:var(--muted-foreground);font-size:10px;line-height:1.7}.design-system-demo-card [data-slot=field-group]{gap:19px}.design-system-demo-card [data-slot=field]{gap:7px}.design-system-demo-card [data-slot=field-label]{font-size:10px;font-weight:500}.design-system-demo-card [data-slot=field-description]{font-size:9px}.design-system-demo-card [data-slot=input]{border-radius:var(--preview-radius);height:33px;padding-inline:10px;font-family:inherit;font-size:10px}.design-system-demo-card [data-slot=field-content]{gap:4px}.design-system-demo-card [data-slot=switch]{flex:none;width:28px;height:17px}.design-system-demo-card [data-slot=switch-thumb]{width:13px;height:13px}.design-system-demo-card [data-slot=switch-thumb][data-state=checked]{transform:translate(12px)}.design-system-demo-progress{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin-top:23px;display:flex}.design-system-demo-progress>span{color:var(--muted-foreground);font-size:9px}.design-system-demo-progress>strong{color:var(--primary);font-size:9px;font-weight:500}.design-system-demo-progress>div{background:var(--muted);border-radius:10px;width:100%;height:4px;overflow:hidden}.design-system-demo-progress i{background:var(--primary);border-radius:10px;width:72%;height:100%;display:block}.design-system-demo-card [data-slot=card-footer]{border-top:1px solid var(--border);flex-wrap:wrap;gap:7px;padding-top:17px;display:flex}.design-system-demo-card [data-slot=card-footer]>[data-slot=button]{border-radius:var(--preview-radius);gap:5px;height:30px;padding-inline:10px;font-family:inherit;font-size:9px}.design-system-demo-card [data-slot=card-footer]>[data-slot=button] svg{width:11px;height:11px}.design-system-specimen-palette{gap:5px;padding:19px 0 0;display:flex}.design-system-specimen-palette>span{border:1px solid #80808010;border-radius:5px;flex:1;height:23px}.design-system-foundations{border:1px solid var(--border);background:#ffffff80;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:940px;margin:23px auto 0;padding:16px 18px;display:grid}.design-system-foundations>div{flex-direction:column;gap:7px;min-width:0;display:flex}.design-system-foundations span{color:var(--muted-foreground);white-space:nowrap;font-size:9px}.design-system-foundations strong{color:var(--foreground);font-size:13px;font-weight:550}.design-system-foundations small{color:var(--muted-foreground);font-size:9px;font-weight:400}.design-system-preview-note{color:#a292ae;justify-content:center;align-items:flex-start;gap:7px;max-width:940px;margin:18px auto 0;font-size:9px;line-height:1.7;display:flex}.design-system-preview-note svg{flex:none;margin-top:1px}.design-system-properties{border-left:1px solid var(--border);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.design-system-properties-heading{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.design-system-properties-heading strong{font-size:11px;font-weight:550}.design-system-properties-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;overflow:auto}.design-system-property-section{border-bottom:1px solid var(--border);padding:19px 18px}.design-system-property-section h3{color:#786486;margin-bottom:16px;font-size:11px;font-weight:550}.design-system-property-section [data-slot=field-label]{color:var(--muted-foreground);font-size:10px}.design-system-property-section [data-slot=field-group]{gap:14px}.design-system-property-section :is([data-slot=input],[data-slot=native-select]){height:33px;font-size:11px}.design-system-property-section [data-slot=textarea]{resize:vertical;min-height:56px;font-size:10px;line-height:1.6}.design-system-property-section [data-slot=native-select-wrapper]{width:100%}.design-system-shape-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.design-system-shape-grid [data-slot=field]{position:relative}.design-system-shape-grid input{padding-right:25px}.design-system-shape-grid [data-slot=field-description]{color:#a395ad;font-size:9px}.design-system-color-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.design-system-color-heading h3{margin:0}.design-system-color-heading [data-slot=toggle-group]{border:1px solid var(--border);background:var(--muted);border-radius:6px;padding:2px}.design-system-color-heading [data-slot=toggle-group-item]{border-radius:4px;min-width:26px;height:25px;padding:5px 7px}.design-system-color-heading [data-slot=toggle-group-item][data-state=on]{color:#806391;background:#fff;box-shadow:0 1px 2px #4532530a}.design-system-token-fields{margin-top:18px}.design-system-token-input{align-items:center;display:flex;position:relative}.design-system-token-swatch{border:1px solid #0000000c;border-radius:4px;width:16px;height:16px;display:block;position:absolute;left:9px;overflow:hidden}.design-system-token-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.design-system-token-input>[data-slot=input]{width:100%;font-family:var(--font-geist-mono,ui-monospace,SFMono-Regular,monospace);padding-left:34px;font-size:10px}.design-system-token-field [data-slot=field-description]{font-size:9px;line-height:1.6}.design-system-advanced-tokens{padding:18px}.design-system-advanced-tokens>summary{color:#876b9b;cursor:pointer;align-items:center;gap:7px;font-size:10px;list-style:none;display:flex}.design-system-advanced-tokens>summary::-webkit-details-marker{display:none}.design-system-advanced-tokens>summary svg:last-child{margin-left:auto}.design-system-advanced-tokens>p{color:var(--muted-foreground);margin:13px 0 10px;font-size:9px;line-height:1.7}.design-system-advanced-tokens textarea{resize:vertical;height:230px;font:10px/1.75 ui-monospace,SFMono-Regular,monospace}.design-system-advanced-tokens>button{width:100%;height:30px;margin-top:10px;font-size:10px}.design-system-error{border-inline:0;background:#fff5f7;border-top:0;border-radius:0;flex:none;padding:12px 20px}.design-system-error [data-slot=alert-title]{font-size:11px}.design-system-error [data-slot=alert-description]{font-size:10px}.design-system-error>button{position:absolute;top:10px;right:12px}.design-system-empty{grid-column:2/-1;place-items:center;padding:30px;display:grid}.design-system-notice{color:#766281;z-index:5;background:#fffdff;border:1px solid #ddcfe8;border-radius:9px;align-items:center;gap:8px;max-width:calc(100% - 35px);padding:10px 11px 10px 14px;font-size:10px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 7px 30px #30203d12}.design-system-notice>svg{color:#8a6ba3;flex:none}.design-system-notice>span{line-height:1.6}.design-system-notice>button{height:23px;font-size:10px}.design-system-mobile-tabs{display:none}.component-theme-selector{flex-direction:column;gap:11px;min-width:0;display:flex}.component-theme-selector-heading{justify-content:space-between;align-items:center;gap:7px;display:flex}.component-theme-selector-heading>span{color:#8c759c;align-items:center;gap:7px;font-size:10px;font-weight:500;display:flex}.component-theme-selector [data-slot=native-select-wrapper]{width:100%;min-width:0}.component-theme-selector [data-slot=native-select]{color:#614d6f;background:#fff;border-color:#e3d9e9;width:100%;height:32px;font-size:11px}.component-theme-selector [data-slot=field]{gap:7px}.component-theme-selector [data-slot=field-group]{gap:12px}.component-theme-selector [data-slot=field-label]{line-height:1.4;font-size:10px!important}.component-theme-selector [data-slot=field-description]{line-height:1.6;font-size:9px!important}.component-theme-link-status{color:#ac9ab6;align-items:flex-start;gap:5px;font-size:9px;line-height:1.6;display:flex}.component-theme-link-status svg{flex:none;margin-top:1px}.component-theme-selector.is-compact{gap:8px}.component-theme-selector.is-compact .component-theme-link-status{font-size:8px}.component-theme-local-overrides{color:#a18aaf;justify-content:space-between;align-items:center;gap:5px;font-size:9px;display:flex}.component-theme-local-overrides button{height:24px;padding:4px 6px;font-size:9px}.component-theme-error{color:#b06d78;font-size:9px;line-height:1.6}@container components (width<=1080px){.design-system-workspace-body{grid-template-columns:192px minmax(0,1fr) 270px}.design-system-preview-panel{padding:24px 18px}.design-system-specimens{grid-template-columns:1fr;gap:18px;max-width:440px}.design-system-specimen-content{padding:20px}.design-system-foundations{grid-template-columns:1fr 1fr;gap:18px;max-width:440px}.design-system-preview-heading{max-width:440px}.design-system-preview-heading [data-slot=badge]{font-size:8px}.design-system-preview-note{max-width:440px}}@container components (width<=820px){.design-system-workspace .components-heading{padding:17px 19px}.design-system-workspace .components-heading h1{font-size:21px}.design-system-workspace .components-heading p{max-width:230px;line-height:1.6}.design-system-workspace .components-save-state{display:none}.design-system-workspace .components-heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px}.design-system-workspace .components-heading-actions>button{font-size:10px}.design-system-mobile-tabs{border-bottom:1px solid var(--border);background:#fff;flex:none;justify-content:center;padding:9px;display:flex}.design-system-mobile-tabs [data-slot=toggle-group]{background:var(--muted);border:1px solid var(--border);border-radius:6px;padding:3px}.design-system-mobile-tabs [data-slot=toggle-group-item]{padding:5px 15px;font-size:10px;border-radius:4px!important}.design-system-mobile-tabs [data-slot=toggle-group-item][data-state=on]{background:#fff}.design-system-workspace-body{flex-direction:column;display:flex}.design-system-library,.design-system-preview-panel,.design-system-properties{border:0;flex:1;min-height:0;display:none}.design-system-workspace[data-mobile-panel=systems] .design-system-library{display:flex}.design-system-workspace[data-mobile-panel=preview] .design-system-preview-panel{display:block}.design-system-workspace[data-mobile-panel=tokens] .design-system-properties{display:flex}.design-system-specimens{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}.design-system-preview-heading,.design-system-foundations,.design-system-preview-note{max-width:720px}.design-system-foundations{grid-template-columns:repeat(4,minmax(0,1fr))}.design-system-property-section{width:100%;max-width:620px;margin:auto;padding:22px}.design-system-advanced-tokens{max-width:620px;margin:auto}.design-system-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.design-system-library-footer{padding:15px 18px}.design-system-library-footer p{margin-top:10px}}@container components (width<=520px){.design-system-workspace .components-heading{flex-wrap:wrap;gap:16px}.design-system-workspace .components-heading-actions{justify-content:flex-start;width:100%}.design-system-workspace .components-heading p{max-width:none}.design-system-specimens{grid-template-columns:1fr;max-width:400px}.design-system-preview-heading{max-width:400px}.design-system-foundations{grid-template-columns:1fr 1fr;max-width:400px}.design-system-list{display:block}}.inspector-context{background:#f6f4f7;border:1px solid #e8e3eb;border-radius:9px;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;gap:3px;margin-bottom:16px;padding:3px;display:grid}.inspector-context>button{color:#8b7e95;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:35px;padding:8px 11px;font-size:11px;font-weight:500;line-height:1.4;display:flex}.inspector-context>button>svg{flex:none}.inspector-context>button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inspector-context>button:hover{color:#665173;background:#fdfbff}.inspector-context>button[aria-pressed=true]{color:#773ab5;background:#fff;border-color:#e4d9ed;box-shadow:0 1px 3px #3c225b06}.inspector-context>button:focus-visible{z-index:1;outline-offset:2px;outline:2px solid #9b6bc5;position:relative}.inspector-context-label{color:#9989a3;flex-shrink:0;align-items:center;gap:7px;min-height:28px;margin:-2px 0 13px;font-size:11px;line-height:1.5;display:flex}.inspector-context-label>svg{color:#a18bad;flex:none}@media (max-width:760px){.inspector-context>button{min-height:39px;font-size:12px}}.studio-app{--studio-page-background:#f0eef1;--studio-header-height:60px;--studio-shell-gap:12px;min-height:100svh;padding-block:var(--studio-shell-gap);background:var(--studio-page-background)}.studio-surface{min-width:0;min-height:calc(100svh - var(--studio-shell-gap)*2);margin:0 var(--studio-shell-gap) 0 calc(var(--app-rail-width,72px) + var(--studio-shell-gap));background:var(--workspace);border:1px solid #e1dde4;border-radius:16px;position:relative;box-shadow:0 2px 8px #21172c03}.studio-surface .app-header{height:var(--studio-header-height);top:var(--studio-shell-gap);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;border-bottom-color:#e9e5eb;border-radius:15px 15px 0 0;gap:16px;padding:0 25px;position:sticky}.app-breadcrumb{color:#928895;align-items:center;gap:12px;min-width:0;font-size:11px;line-height:1.4;display:flex}.app-breadcrumb>svg{color:#c3bac9;flex:none}.app-context-group{white-space:nowrap}.app-breadcrumb strong{color:#443b4e;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:550;overflow:hidden}.studio-surface .header-actions{gap:19px;min-width:0}.app-save-status{color:#978d9d;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.app-save-dot{background:#a69aae;border-radius:50%;flex:none;width:5px;height:5px}.app-save-dot.is-saving{background:#aa8c5e}.studio-surface .app-header .export-button{border-radius:7px;gap:7px;height:34px;min-height:34px;padding:7px 13px;font-size:11px;box-shadow:0 2px 4px #241c3108}.studio-surface .app-navigation-button{display:none}.studio-surface .studio-layout{min-height:calc(100svh - var(--studio-header-height) - var(--studio-shell-gap)*2 - 2px);scroll-margin-top:calc(var(--studio-header-height) + var(--studio-shell-gap) + 10px);outline:none;grid-template-columns:minmax(0,1fr) clamp(310px,27vw,390px)}.studio-surface .workspace{padding-top:29px}.studio-surface .inspector{scroll-margin-top:calc(var(--studio-header-height) + var(--studio-shell-gap) + 12px);border-bottom-right-radius:15px}.studio-skip-link{top:10px;left:calc(var(--app-rail-width,72px) + 24px);z-index:45;color:#fff;background:#29212f;border-radius:8px;padding:10px 16px;font-size:12px;text-decoration:none;position:fixed;transform:translateY(-150%)}.studio-skip-link:focus{transform:translateY(0)}@media (min-width:1001px){.studio-surface .inspector{top:calc(var(--studio-shell-gap) + var(--studio-header-height) + 1px);height:calc(100svh - var(--studio-header-height) - var(--studio-shell-gap)*2 - 2px);padding-left:23px;padding-right:23px}}@media (min-width:1600px){.studio-surface .workspace{padding-top:35px}}@media (max-width:1200px){.studio-surface .app-header{padding-inline:22px}.app-save-status{font-size:9px}.studio-surface .inspector{padding-left:20px;padding-right:20px}}@media (max-width:1000px){.studio-app{--studio-shell-gap:8px}.studio-surface{border-radius:13px}.studio-surface .app-header{border-radius:12px 12px 0 0;gap:13px;padding-inline:18px}.studio-surface .app-navigation-button{color:#66586f;width:32px;height:32px;margin-left:-3px;display:inline-flex}.studio-surface .studio-layout{grid-template-columns:minmax(0,1fr) 305px}.studio-surface .inspector{border-bottom-right-radius:12px}}@media (max-width:760px){.studio-app{--studio-shell-gap:0px;--studio-header-height:56px}.studio-surface{box-shadow:none;border:0;border-radius:0;margin:0}.studio-surface .app-header{background:#fffffff5;border-radius:0;gap:10px;padding-inline:17px}.app-breadcrumb{gap:0}.app-context-group,.app-breadcrumb>svg,.app-save-status{display:none}.app-breadcrumb strong{font-size:12px}.studio-surface .header-actions{gap:8px}.studio-surface .app-header .export-button{height:32px;min-height:32px;padding:6px 10px}.studio-surface .app-header .export-button svg{width:14px;height:14px}.studio-surface .workspace{padding-top:24px}.studio-surface .inspector{border-radius:0;padding-inline:24px}.studio-skip-link{left:12px}}@media (max-width:390px){.studio-surface .app-header{gap:8px;padding-inline:12px}.app-breadcrumb strong{font-size:11px}}.studio-home-sync{align-items:center;min-width:0;display:flex}.studio-home-sync [data-slot=button]{min-height:32px;font-size:11px}@media (max-width:760px){.studio-home-sync [data-slot=button]{width:32px;min-width:32px;padding:6px}.studio-home-sync [data-slot=button]>span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.studio-app{--assistant-width:328px;--assistant-ink:#483b54;--assistant-muted:#92849d;--assistant-accent:#8450b5}.studio-app[data-assistant=docked]>.studio-surface{margin-left:calc(var(--app-rail-width,72px) + var(--assistant-width) + var(--studio-shell-gap)*2)}.studio-app[data-assistant=focus]{--app-rail-width:0px}.studio-app[data-assistant=focus]>.app-rail-desktop,.studio-app[data-assistant=focus] .app-navigation-button{display:none}.studio-app[data-assistant=focus]>.studio-surface{margin-left:var(--studio-shell-gap);padding-bottom:150px}.assistant-dock{z-index:35;top:var(--studio-shell-gap);bottom:var(--studio-shell-gap);left:calc(var(--app-rail-width,72px) + var(--studio-shell-gap));width:var(--assistant-width);min-height:0;color:var(--assistant-ink);background:#fbf9fd;border:1px solid #e2dbe8;border-radius:15px;flex-direction:column;font-size:12px;display:flex;position:fixed;overflow:visible;box-shadow:0 2px 8px #24172f03}.assistant-header{flex:none;align-items:center;gap:10px;padding:20px 16px 15px;display:flex}.assistant-header-mark{color:#8a56b4;background:linear-gradient(135deg,#efe3fb,#f8f2fd);border:1px solid #e8d9f3;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 1px #fff}.assistant-heading{min-width:0}.assistant-heading h2{letter-spacing:-.25px;color:#44344f;margin:0;font-size:14px;font-weight:610;line-height:1.4}.assistant-heading>span{color:#a08ea9;letter-spacing:.02em;white-space:nowrap;margin-top:2px;font-size:9px;display:block}.assistant-header-actions{gap:1px;margin-left:auto;display:flex}.assistant-icon-button{color:#a38eaf;border-radius:6px;flex:none;justify-content:center;align-items:center;width:27px;height:28px;padding:0;display:inline-flex}.assistant-icon-button:hover{color:#70438d;background:#eee5f5}.assistant-icon-button:focus-visible{outline-offset:2px;outline:2px solid #a077c2}.assistant-project-row{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 17px 16px;display:flex}.assistant-project-name{text-overflow:ellipsis;white-space:nowrap;color:#95869e;align-items:center;gap:6px;min-width:0;font-size:9px;display:flex;overflow:hidden}.assistant-project-name>span{background:#c8b5d5;border-radius:2px;flex:none;width:5px;height:5px}.assistant-connection{color:#9a87a7;flex:none;font-size:9px;position:relative}.assistant-connection>summary{cursor:pointer;white-space:nowrap;background:#fff9;border:1px solid #e9e0ef;border-radius:5px;align-items:center;gap:5px;min-height:24px;padding:3px 5px;list-style:none;display:flex}.assistant-connection>summary::-webkit-details-marker{display:none}.assistant-connection>summary:hover{color:#7e5d98;background:#fff;border-color:#d8c6e6}.assistant-connection-dot{background:#ba9dce;border-radius:50%;flex:none;width:5px;height:5px}.assistant-connection-dot.is-connected{background:#5eaa85}.assistant-connection[open]>summary>svg:last-child{transform:rotate(180deg)}.assistant-connection-popover{z-index:80;color:#786685;white-space:normal;background:#fff;border:1px solid #ddcde9;border-radius:12px;width:266px;padding:17px;font-size:11px;line-height:1.7;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 40px #4b2f6420}.assistant-connection-popover>strong{color:#55405f;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.assistant-connection-popover p{margin:0 0 8px}.assistant-connection-popover code{overflow-wrap:anywhere;color:#78528e;background:#f4eef8;border-radius:3px;padding:1px 3px;font-size:10px}.assistant-connection-popover .assistant-connection-note{color:#9c8aa5;font-size:10px}.assistant-connection-popover>button{color:#795091;background:#faf6fd;border:1px solid #e5d8ee;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:12px;padding:8px;font-size:10px;display:flex}.assistant-connection-popover>button:hover{background:#f0e5f8}.assistant-tabs{border-top:1px solid #ece5f1;border-bottom:1px solid #e5ddeb;flex:none;align-items:center;gap:21px;min-height:39px;padding:0 19px;display:flex}.assistant-tabs>button{color:#a090ab;align-items:center;gap:7px;min-height:39px;padding:0 1px;font-size:10px;display:flex;position:relative}.assistant-tabs>button[aria-selected=true]{color:#8050a1;font-weight:550}.assistant-tabs>button[aria-selected=true]:after{content:"";background:#b58ad2;border-radius:3px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.assistant-tabs>button>span{color:#9674ae;background:#eee7f3;border-radius:5px;place-items:center;min-width:15px;height:15px;padding:0 4px;font-size:8px;display:grid}.assistant-tabs>button>span.is-live{color:#8750b1;background:#e8def2}.assistant-body{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.assistant-transcript-wrap{flex:1;min-width:0;min-height:0;display:flex;position:relative}.assistant-transcript{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ded0e8 transparent;outline-offset:-3px;flex:1;min-width:0;overflow-y:auto}.assistant-empty{text-align:center;padding:35px 20px 24px}.assistant-welcome-art{place-items:center;width:100px;height:90px;margin:0 auto 19px;display:grid;position:relative}.assistant-welcome-art>div{z-index:1;color:#a176bf;background:linear-gradient(140deg,#f4eafb,#fffafd);border:1px solid #e6d5f3;border-radius:19px;place-items:center;width:56px;height:56px;display:grid;position:relative;transform:rotate(-8deg);box-shadow:0 6px 18px #c2a4d52b,inset 0 1px #fff}.assistant-welcome-art>div>svg{transform:rotate(8deg)}.assistant-orbit{border:1px solid #e9def18c;border-radius:50%;position:absolute;inset:9px 4px;transform:rotate(-29deg)}.assistant-orbit-two{border-color:#ece3f2;inset:0 18px;transform:rotate(29deg)}.assistant-orbit-dot{background:#d6bfe5;border:1px solid #fbf9fd;border-radius:50%;width:5px;height:5px;position:absolute;top:22px;left:10px}.assistant-eyebrow{color:#a28cad;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:500;line-height:1.6}.assistant-empty h3{letter-spacing:-.65px;color:#61466f;margin:7px 0 10px;font-size:20px;font-weight:550;line-height:1.3}.assistant-empty-description{color:#a08bab;max-width:255px;margin:0 auto;font-size:11px;line-height:1.85}.assistant-suggestions{text-align:left;flex-direction:column;gap:9px;margin-top:26px;display:flex}.assistant-suggestions>button{color:#8b6f9b;background:linear-gradient(110deg,#fff,#fdfaff);border:1px solid #e7deee;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:45px;padding:9px 12px;font-size:10px;display:flex;box-shadow:0 1px 2px #3e285904}.assistant-suggestions>button>svg{color:#c3aed0;margin-left:auto}.assistant-suggestions>button:hover{background:#faf3ff;border-color:#cfb5e1;transform:translateY(-1px);box-shadow:0 3px 10px #54336c08}.assistant-suggestion-icon{color:#b196c2;background:#f7f1fa;border:1px solid #eee3f4;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.assistant-suggestion-icon i{align-items:center;padding-left:2px;display:flex}.assistant-suggestion-icon b{background:#dcb5c1;border:1px solid #f9f3fc;border-radius:4px;width:7px;height:10px;margin-left:-2px;display:block;position:relative;transform:rotate(18deg)}.assistant-suggestion-icon b:nth-child(2){background:#c9b3df}.assistant-suggestion-icon b:nth-child(3){background:#b9c9d7}.assistant-empty-footnote{color:#b19dba;justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:9px;display:flex}.assistant-message-list{flex-direction:column;gap:23px;padding:23px 18px 30px;display:flex}.assistant-message{min-width:0}.assistant-message-author{color:#9475a7;align-items:center;gap:6px;margin:0 0 8px;font-size:9px;font-weight:500;display:flex}.assistant-message-author>small{color:#b19cbd;margin-left:auto;font-size:8px;font-weight:400}.assistant-message-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#73607f;font-size:11px;line-height:1.9}.assistant-message.is-user{background:#f1e9f7;border:1px solid #e7daef;border-radius:11px 11px 3px;margin-left:19px;padding:12px 13px 13px}.assistant-message.is-user .assistant-message-author{color:#a18aaf;margin-bottom:4px;font-size:8px}.assistant-message.is-user .assistant-message-text{color:#7e5c92}.assistant-message.is-error .assistant-message-text{color:#9b6274}.assistant-change-list{background:#fff9;border:1px solid #e7e0ed;border-radius:7px;margin-top:12px}.assistant-change-list>summary{cursor:pointer;color:#9c81ae;align-items:center;gap:6px;padding:8px 10px;font-size:9px;list-style:none;display:flex}.assistant-change-list>summary::-webkit-details-marker{display:none}.assistant-change-list>summary>svg:last-child{margin-left:auto}.assistant-change-list[open]>summary>svg:last-child{transform:rotate(180deg)}.assistant-change-list>ul{border-top:1px solid #f1eaf6;margin:0;padding:0 10px 9px;list-style:none}.assistant-change-list li{color:#97869f;overflow-wrap:anywhere;align-items:flex-start;gap:6px;padding-top:7px;font-size:9px;line-height:1.65;display:flex}.assistant-change-list li>svg{color:#b19ac2;flex:none;margin-top:2px}.assistant-message-footer{color:#aa96b5;justify-content:space-between;align-items:center;gap:7px;margin-top:10px;font-size:8px;display:flex}.assistant-result-status{align-items:center;gap:5px;display:flex}.assistant-result-status.is-error{color:#ad7589}.assistant-undo{color:#9a78b0;border-radius:4px;align-items:center;gap:4px;margin-right:-5px;padding:3px 5px;font-size:8px;display:flex}.assistant-undo:hover{color:#764a92;background:#eee3f5}.assistant-thinking{color:#a487b6;align-items:center;gap:7px;margin:0 19px 23px;font-size:10px;display:flex}.assistant-thinking>svg:last-child{margin-left:auto}.assistant-latest{white-space:nowrap;color:#8f67a7;background:#fff;border:1px solid #dfcce9;border-radius:20px;align-items:center;gap:5px;padding:6px 10px;font-size:9px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #3d27551a}.assistant-run-bar{color:#9b7cae;background:#f7f1fb;border-top:1px solid #eee5f4;flex:none;align-items:center;gap:8px;padding:10px 18px;font-size:9px;display:flex}.assistant-run-bar>svg{margin-left:auto}.assistant-mini-avatars{padding-left:4px;display:flex}.assistant-mini-avatars>span{color:#fff;border:2px solid #f7f1fb;border-radius:50%;place-items:center;width:20px;height:20px;margin-left:-4px;display:grid}.assistant-composer-area{background:linear-gradient(#fbf9fd00,#fbf9fd 16%);border-radius:0 0 15px 15px;flex:none;padding:13px 12px 12px}.assistant-composer{background:#fff;border:1px solid #dccbe8;border-radius:12px;transition:border-color .15s,box-shadow .15s;overflow:hidden;box-shadow:0 2px 7px #633f7d06}.assistant-composer:focus-within{border-color:#b58acc;box-shadow:0 0 0 3px #d0afea1f}.assistant-composer textarea{resize:none;color:#6a4e7d;scrollbar-width:thin;scrollbar-color:#ddcce8 transparent;background:0 0;border:0;width:100%;min-height:65px;max-height:180px;padding:13px 13px 6px;font-size:11px;line-height:1.8;display:block;overflow-y:auto;outline:none!important}.assistant-composer textarea::placeholder{color:#baa6c6;opacity:1}.assistant-composer-bottom{align-items:center;gap:6px;min-height:40px;padding:0 8px 8px 11px;display:flex}.assistant-context-chip{color:#a38ab4;white-space:nowrap;background:#faf7fd;border:1px solid #eee6f3;border-radius:5px;align-items:center;gap:5px;min-width:0;max-width:48%;padding:3px 6px;font-size:8px;display:inline-flex}.assistant-context-chip>span:first-child{background:#c7a9db;border-radius:2px;flex:none;width:4px;height:4px}.assistant-context-chip>span:last-child{text-overflow:ellipsis;overflow:hidden}.assistant-composer-hint{color:#c0afc8;white-space:nowrap;margin-left:auto;font-size:7px}.assistant-send{color:#fff;background:#a476c4;border:1px solid #9665b8;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;margin-left:auto;display:grid;box-shadow:0 1px 3px #77509116}.assistant-send:hover{background:#8c5aad;border-color:#82519f}.assistant-send:disabled{opacity:1;color:#c9b0da;cursor:default;box-shadow:none;background:#eee5f5;border-color:#e7daef}.assistant-send.is-stop{color:#9670ae;background:#efe4f7;border-color:#dcc6e9}.assistant-composer-help{color:#baa8c3;justify-content:center;align-items:center;margin-top:9px;font-size:8px;line-height:1.5;display:flex}.assistant-composer-help kbd{color:#a78cb9;font-size:9px}.assistant-activity-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ded0e8 transparent;flex:1;min-width:0;padding:23px 17px;overflow-y:auto}.assistant-activity-intro h3{color:#6f507f;letter-spacing:-.4px;margin-top:6px;font-size:17px;font-weight:550}.assistant-activity-intro p{color:#a08bab;margin-top:8px;font-size:10px;line-height:1.85}.assistant-presence-options{background:#fff8;border:1px solid #e7dced;border-radius:9px;margin-top:20px;padding:12px 11px}.assistant-presence-options>label{cursor:pointer;color:#90739f;justify-content:space-between;align-items:center;gap:12px;min-height:24px;font-size:10px;display:flex;position:relative}.assistant-presence-options>label>span:first-child{align-items:center;gap:8px;display:flex}.assistant-presence-options input{opacity:0;cursor:pointer;width:28px;height:18px;position:absolute;right:0}.assistant-switch{pointer-events:none;background:#e8e1ed;border:1px solid #e1d7e8;border-radius:12px;flex:none;width:27px;height:16px;display:block;position:relative}.assistant-switch:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #67487819}.assistant-presence-options input:checked+.assistant-switch{background:#b18bca;border-color:#b18bca}.assistant-presence-options input:checked+.assistant-switch:after{transform:translate(11px)}.assistant-presence-options input:focus-visible+.assistant-switch{outline-offset:3px;outline:2px solid #a179bb}.assistant-presence-options>p{color:#b19dbb;margin:1px 0 11px 22px;font-size:8px}.assistant-agent-heading{color:#a08aac;justify-content:space-between;gap:12px;padding:23px 1px 10px;font-size:9px;display:flex}.assistant-agent-heading>span:last-child{font-variant-numeric:tabular-nums;color:#b6a1c1}.assistant-agent-list{flex-direction:column;gap:9px;display:flex}.assistant-agent-card{text-align:left;background:#fff9;border:1px solid #e5dbea;border-radius:9px;align-items:flex-start;gap:9px;width:100%;min-width:0;padding:12px 10px;display:flex;position:relative}.assistant-agent-card:hover{background:#fff;border-color:#d2bddf;box-shadow:0 3px 10px #54316907}.assistant-agent-card.is-subagent{width:calc(100% - 12px);margin-left:12px}.assistant-agent-card.is-subagent:before{content:"";border-bottom:1px solid #e2d5eb;border-left:1px solid #e2d5eb;border-bottom-left-radius:5px;width:7px;height:24px;position:absolute;top:-7px;left:-9px}.assistant-agent-avatar{background:var(--agent-color);flex:none;place-items:center;width:27px;height:27px;display:grid}@supports (color:color-mix(in lab, red, red)){.assistant-agent-avatar{background:color-mix(in srgb,var(--agent-color) 11%,white)}}.assistant-agent-avatar{border:1px solid var(--agent-color)}@supports (color:color-mix(in lab, red, red)){.assistant-agent-avatar{border:1px solid color-mix(in srgb,var(--agent-color) 24%,white)}}.assistant-agent-avatar{color:var(--agent-color);border-radius:9px}.assistant-agent-content{flex-direction:column;flex:1;min-width:0;display:flex}.assistant-agent-name{color:#775b88;flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;font-weight:550;line-height:1.6;display:flex}.assistant-agent-name>small{color:#b09abd;font-size:7px;font-weight:400}.assistant-agent-detail{color:#aa94b5;overflow-wrap:anywhere;margin-top:3px;font-size:9px;line-height:1.6;display:block}.assistant-agent-status{color:#b09abd;text-transform:capitalize;flex-wrap:wrap;align-items:center;gap:4px;margin-top:7px;font-size:7px;line-height:1.7;display:flex}.assistant-agent-status>i{background:#cfbfd7;border-radius:50%;width:2px;height:2px;margin:0 2px;display:block}.assistant-agent-status.is-done{color:#88a091}.assistant-agent-status.is-error{color:#b77f91}.assistant-agent-jump{color:#c5aed3;flex:none;margin-top:2px}.assistant-no-agents{text-align:center;color:#b298c2;background:#f9f5fc;border:1px dashed #e4d7ec;border-radius:10px;flex-direction:column;align-items:center;padding:28px 13px;display:flex}.assistant-no-agents>strong{color:#a087b0;margin-top:12px;font-size:11px;font-weight:500}.assistant-no-agents>p{color:#b19cbf;max-width:210px;margin-top:7px;font-size:9px;line-height:1.85}.assistant-storage-error{color:#a16e81;align-items:flex-start;gap:7px;margin:0;padding:9px 15px 0;font-size:9px;line-height:1.7;display:flex}.assistant-storage-error>svg{flex:none;margin-top:2px}.assistant-launcher{left:calc(var(--app-rail-width,72px) + 28px);z-index:38;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#9363b0;background:#fffcffed;border:1px solid #dcc8e9;border-radius:13px;align-items:center;gap:9px;min-height:41px;padding:5px 14px 5px 5px;display:flex;position:fixed;bottom:24px;box-shadow:0 5px 22px #6d467722}.assistant-launcher>span:first-child{background:#f0e4f8;border:1px solid #e8d7f2;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.assistant-launcher>strong{font-size:11px;font-weight:550}.assistant-launcher:hover{background:#f7effd;border-color:#c5a5dd}.assistant-focus{z-index:50;bottom:max(22px,env(safe-area-inset-bottom));width:min(620px,100vw - 40px);color:var(--assistant-ink);position:fixed;left:50%;transform:translate(-50%)}.assistant-floating-shell{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fcf9ffee;border:1px solid #d9c7e8;border-radius:17px;position:relative;box-shadow:0 8px 40px #4b2a6721,0 2px 5px #4b2a6707}.assistant-focus-toolbar{align-items:center;gap:12px;min-height:37px;padding:10px 12px 0 16px;display:flex}.assistant-focus-name{color:#9975b1;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.assistant-focus-toolbar>.assistant-connection{font-size:8px}.assistant-focus-toolbar>.assistant-connection>summary{background:#fff9;border-color:#eadff1;min-height:21px}.assistant-focus-toolbar .assistant-connection-popover{inset:auto auto calc(100% + 10px) -50px}.assistant-focus-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.assistant-history-toggle{color:#ab91bd;border-radius:5px;align-items:center;gap:5px;padding:5px;font-size:9px;display:flex}.assistant-history-toggle:hover,.assistant-history-toggle[aria-expanded=true]{color:#8455a2;background:#f0e6f7}.assistant-focus .assistant-composer-area{background:0 0;border-radius:0 0 17px 17px;padding:5px 9px 9px}.assistant-focus .assistant-composer{box-shadow:none;background:#ffffffb3;border-color:#0000;border-radius:10px}.assistant-focus .assistant-composer:focus-within{border-color:#e4d5ed}.assistant-focus .assistant-composer textarea{min-height:38px;max-height:140px;padding:8px 12px 4px;font-size:12px}.assistant-focus .assistant-composer-bottom{min-height:36px;padding:2px 7px 6px 12px}.assistant-focus .assistant-composer-hint{font-size:8px}.assistant-focus .assistant-context-chip{font-size:9px}.assistant-focus .assistant-send{width:29px;height:29px}.assistant-focus-transcript{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fcf9fffa;border:1px solid #ded0e8;border-radius:15px;flex-direction:column;height:min(520px,100dvh - 200px);min-height:150px;margin-bottom:11px;display:flex;overflow:visible;box-shadow:0 8px 30px #4d30681c}.assistant-focus-transcript-heading{flex:none;justify-content:space-between;align-items:center;padding:12px 15px 9px;display:flex}.assistant-focus-transcript-heading>span{color:#9c76b4;align-items:center;gap:8px;font-size:12px;display:flex}.assistant-focus-transcript-heading strong{color:#70507f;font-weight:550}.assistant-focus-transcript .assistant-tabs{padding-inline:17px}.assistant-focus-transcript .assistant-empty{padding-top:21px;padding-bottom:20px}.assistant-focus-transcript .assistant-welcome-art{height:61px;margin-bottom:13px}.assistant-focus-transcript .assistant-welcome-art>div{border-radius:14px;width:45px;height:45px}.assistant-focus-transcript .assistant-orbit{inset:0 14px}.assistant-focus-transcript .assistant-orbit-two{inset:0 20px}.assistant-focus-transcript .assistant-suggestions{flex-direction:row;gap:7px;margin-top:20px}.assistant-focus-transcript .assistant-suggestions>button{gap:6px;min-width:0;padding:9px 7px;font-size:9px}.assistant-focus-transcript .assistant-suggestions>button>svg{display:none}.assistant-focus-transcript .assistant-empty-description{max-width:355px}.assistant-focus-transcript .assistant-message-list{padding-inline:22px}.assistant-focus-transcript .assistant-message.is-user{margin-left:70px}.assistant-focus-transcript .assistant-message-text{font-size:12px}.assistant-focus-transcript .assistant-activity-panel{padding:20px 22px}.assistant-focus-transcript .assistant-agent-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.assistant-focus-transcript .assistant-presence-options{max-width:360px}.assistant-backdrop{display:none}.assistant-cursor-layer{z-index:44;pointer-events:none;position:fixed;inset:0;overflow:hidden}.assistant-agent-presence{pointer-events:none}.assistant-agent-presence.is-complete .assistant-target-outline{opacity:.65;border-style:dashed}.assistant-target-outline{border:1px solid var(--agent-color);position:fixed}@supports (color:color-mix(in lab, red, red)){.assistant-target-outline{border:1px solid color-mix(in srgb,var(--agent-color) 35%,transparent)}}.assistant-target-outline{box-shadow:inset 0 0 0 2px var(--agent-color);border-radius:7px}@supports (color:color-mix(in lab, red, red)){.assistant-target-outline{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--agent-color) 5%,transparent)}}.assistant-target-outline{pointer-events:none}.assistant-agent-cursor{color:var(--agent-color);will-change:transform;pointer-events:none;transition:transform .22s ease-out;position:absolute;top:0;left:0}.assistant-cursor-pointer{filter:drop-shadow(0 1px 2px #39224726);position:absolute;top:-2px;left:-2px}.assistant-cursor-label{border:1px solid var(--agent-color);flex-direction:column;gap:2px;width:max-content;max-width:190px;padding:6px 9px 7px;display:flex;position:absolute;top:20px;left:15px}@supports (color:color-mix(in lab, red, red)){.assistant-cursor-label{border:1px solid color-mix(in srgb,var(--agent-color) 45%,white)}}.assistant-cursor-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdfefa;border-radius:0 8px 8px;font-family:inherit;line-height:1.5;box-shadow:0 3px 14px #4a2b6817}.assistant-cursor-name{color:#685375;white-space:nowrap;align-items:center;gap:5px;font-size:9px;font-weight:550;display:flex}.assistant-cursor-name>i{background:var(--agent-color);border-radius:50%;flex:none;width:5px;height:5px}.assistant-cursor-name>small{color:#ae98ba;padding-left:2px;font-size:7px;font-weight:400}.assistant-cursor-detail{color:#a18aaf;white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:8px;overflow:hidden}.assistant-agent-cursor.align-end .assistant-cursor-label{border-radius:8px 0 8px 8px;left:auto;right:-4px}.assistant-sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.assistant-spin{animation:.9s linear infinite assistant-spin}@keyframes assistant-spin{to{transform:rotate(360deg)}}@media (min-width:1101px) and (max-width:1450px){.studio-app[data-assistant=docked]>.studio-surface .studio-layout{grid-template-columns:minmax(0,1fr) 285px}.studio-app[data-assistant=docked]>.studio-surface .workspace{padding-inline:22px}.studio-app[data-assistant=docked]>.studio-surface .inspector{padding-inline:19px}.studio-app[data-assistant=docked]>.studio-surface .app-header{gap:12px;padding-inline:18px}.studio-app[data-assistant=docked]>.studio-surface .app-save-status{display:none}.studio-app[data-assistant=docked]>.studio-surface .header-actions{gap:10px}}@media (max-width:1100px){.studio-app[data-assistant=docked]>.studio-surface{margin-left:calc(var(--app-rail-width,72px) + var(--studio-shell-gap))}.assistant-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#3d25452e;border-radius:0;display:block;position:fixed;inset:0}.assistant-dock{z-index:61;width:min(360px,100vw - 24px);top:12px;bottom:12px;left:12px;box-shadow:10px 0 50px #40264926}.assistant-header{padding-top:21px}.assistant-icon-button{width:32px;height:32px}.assistant-heading h2{font-size:15px}.assistant-heading>span{font-size:10px}.assistant-tabs{min-height:44px}.assistant-tabs>button{min-height:44px;font-size:11px}.assistant-message-text{font-size:12px}.assistant-suggestions>button{min-height:48px;font-size:11px}.assistant-composer textarea{min-height:72px;font-size:16px;line-height:1.6}.assistant-composer-hint{display:none}.assistant-context-chip{max-width:75%;font-size:10px}.assistant-send{width:34px;height:34px}.assistant-composer-bottom{min-height:45px}.assistant-presence-options>label{min-height:30px;font-size:11px}.assistant-agent-name{font-size:11px}.assistant-agent-detail{font-size:10px}}@media (max-width:760px){.studio-app[data-assistant=docked]>.studio-surface{margin-left:0}.studio-app[data-assistant=focus]>.studio-surface{margin:0;padding-bottom:160px}.assistant-dock{top:max(8px,env(safe-area-inset-top));bottom:max(8px,env(safe-area-inset-bottom));border-radius:14px;width:min(380px,100vw - 16px);left:8px}.assistant-header{padding:18px 15px 14px}.assistant-composer-help{display:none}.assistant-composer-area{padding:11px}.assistant-launcher{left:16px;bottom:max(18px,env(safe-area-inset-bottom));min-height:44px}.assistant-focus{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100vw - 20px)}.assistant-focus-toolbar{gap:7px;padding:7px 8px 0 12px}.assistant-focus-name{gap:5px;font-size:9px}.assistant-focus-toolbar>.assistant-connection{font-size:8px}.assistant-focus-toolbar>.assistant-connection>summary{padding:3px 4px}.assistant-focus-actions{gap:2px}.assistant-history-toggle>span{display:none}.assistant-history-toggle{justify-content:center;width:28px;height:28px}.assistant-focus .assistant-icon-button{width:28px;height:28px}.assistant-focus .assistant-composer textarea{min-height:42px;font-size:16px}.assistant-focus .assistant-composer-bottom{min-height:40px}.assistant-focus .assistant-send{width:32px;height:32px}.assistant-focus-transcript{height:min(500px,100dvh - 190px);margin-bottom:8px}.assistant-focus-transcript .assistant-suggestions{flex-direction:column;max-width:290px;margin:18px auto 0}.assistant-focus-transcript .assistant-suggestions>button{min-height:39px;padding:7px 10px;font-size:10px}.assistant-focus-transcript .assistant-suggestions>button>svg{display:block}.assistant-focus-transcript .assistant-empty{padding-top:20px}.assistant-focus-transcript .assistant-message.is-user{margin-left:20px}.assistant-focus-transcript .assistant-agent-list{grid-template-columns:minmax(0,1fr)}.assistant-focus-toolbar .assistant-connection-popover{width:min(266px,100vw - 40px);left:-80px}.assistant-cursor-label{max-width:155px}.assistant-cursor-detail{max-width:135px}}@media (prefers-reduced-motion:reduce){.assistant-spin{animation:none}.assistant-agent-cursor,.assistant-switch:after,.assistant-suggestions>button{transition:none}.assistant-suggestions>button:hover{transform:none}}.agent-access-root{z-index:55;color:#594766;--agent-access-border:#e8dfea;--agent-access-ink:#55405e;--agent-access-muted:#8d7c96;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:1.5;position:fixed;bottom:80px;right:22px}.agent-access-root *{box-sizing:border-box}.agent-access-trigger{color:#887293;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#fffdfef5;border:1px solid #ded2e6;border-radius:12px;align-items:center;gap:8px;min-height:41px;padding:5px 12px 5px 6px;font-size:11px;font-weight:550;display:flex;box-shadow:0 4px 20px #4e335b12}.agent-access-trigger:hover,.agent-access-trigger[aria-expanded=true]{color:#75528d;background:#faf4fe;border-color:#c9b1d9}.agent-access-trigger-icon{color:#9e77b6;background:#f4edf8;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.agent-access-trigger>i{background:#8d6bad;border-radius:50%;width:6px;height:6px;margin-left:2px}.agent-access-trigger>i.is-retrying{background:#c99044}.agent-access-trigger.is-active{color:#79548e;border-color:#d6bde5}.agent-access-panel{overscroll-behavior:contain;text-align:left;background:#fffdff;border:1px solid #e3d5ea;border-radius:17px;width:min(376px,100vw - 32px);max-height:min(780px,100dvh - 168px);padding:22px 22px 17px;position:absolute;bottom:calc(100% + 12px);right:0;overflow:auto;box-shadow:0 14px 65px #36203e25,0 2px 10px #36203e0a}.agent-access-header{align-items:center;gap:11px;display:flex}.agent-access-mark{color:#a476bd;background:linear-gradient(145deg,#fcf8ff,#f1e4fa);border:1px solid #e7d7ef;border-radius:13px;flex:none;place-items:center;width:43px;height:43px;display:grid}.agent-access-header>div{flex:1;min-width:0}.agent-access-eyebrow{color:#ac8fb9;letter-spacing:1.15px;margin-bottom:3px;font-size:8px;font-weight:550;display:block}.agent-access-header h2{letter-spacing:-.5px;color:#705080;margin:0;font-size:18px;font-weight:560;line-height:1.25}.agent-access-icon{color:#a28cac;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:27px;height:27px;padding:0;display:grid}.agent-access-icon:hover{color:#735087;background:#f3eaf8}.agent-access-header>.agent-access-icon{align-self:flex-start;margin:-5px -7px 0 0}.agent-access-intro{color:#96869e;margin:17px 0 20px;font-size:12px;line-height:1.7}.agent-access-section{border-top:1px solid #eee5f2;padding:17px 0}.agent-access-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.agent-access-section h3{letter-spacing:-.1px;color:#725982;align-items:center;gap:7px;margin:0;font-size:12px;font-weight:550;display:flex}.agent-access-section h3>svg{color:#aa88ba}.agent-access-section p{color:#98869f;margin:8px 0 12px;font-size:11px;line-height:1.7}.agent-access-badge{white-space:nowrap;color:#a18ba9;background:#f5f0f7;border:1px solid #eee5f2;border-radius:5px;align-items:center;min-height:21px;padding:2px 6px;font-size:8px;font-weight:500;display:inline-flex}.agent-access-badge.is-ready{color:#6d977f;background:#eef6f1;border-color:#ddecdf}.agent-access-endpoint{background:#f8f4fa;border:1px solid #e9dfee;border-radius:8px;align-items:center;gap:6px;margin-bottom:11px;padding:5px 7px 5px 10px;display:flex}.agent-access-endpoint code{overflow-wrap:anywhere;color:#8c729b;-webkit-user-select:all;user-select:all;flex:1;min-width:0;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.agent-access-primary,.agent-access-secondary{color:#fff;cursor:pointer;background:#9974ad;border:1px solid #ac8abd;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:35px;padding:7px 10px;font-size:11px;font-weight:500;line-height:1.5;text-decoration:none;display:flex}.agent-access-primary:hover{background:#89639e;border-color:#9670ad}.agent-access-secondary{color:#9a7ca9;background:#fcf9fd;border-color:#e1d5e8}.agent-access-secondary:hover{background:#f8f0fc;border-color:#cdb6da}.agent-access-primary:disabled,.agent-access-secondary:disabled,.agent-access-text:disabled{opacity:.5;cursor:default}.agent-access-section .agent-access-note{color:#ae9ab5;margin:9px 0 0;font-size:10px;line-height:1.65}.agent-access-section .agent-access-note.is-error{color:#ad6d81}.agent-access-note a{color:#9a72af;text-underline-offset:2px;align-items:center;gap:2px;-webkit-text-decoration:underline #d9c3e5;text-decoration:underline #d9c3e5;display:inline-flex}.agent-access-session{color:#ad97b7;align-items:center;gap:6px;min-width:0;margin:-1px 0 9px;font-size:9px;display:flex}.agent-access-session code{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;min-width:0;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;overflow:hidden}.agent-access-session>span{flex:none}.agent-access-session>.agent-access-icon{width:22px;height:22px;margin-left:auto}.agent-access-text{color:#a17ab5;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:10px;font-weight:500;line-height:1.5;display:inline-flex}.agent-access-text:hover{color:#78538f}.agent-access-section .agent-access-check{color:#829573;background:#f6f8f5;border:1px solid #e7eddf;border-radius:7px;align-items:flex-start;gap:7px;margin-top:9px;margin-bottom:0;padding:9px;font-size:10px;display:flex}.agent-access-check>svg{flex:none;margin-top:2px}.agent-access-section .agent-access-check.is-failed{color:#b58296;background:#fcf5f7;border-color:#efdee5}.agent-access-section .agent-access-check.is-unavailable{color:#9e87ad;background:#f9f6fb;border-color:#eae2ef}.agent-access-preferences{padding-bottom:10px}.agent-access-preferences>h3{margin-bottom:5px}.agent-access-toggle{cursor:pointer;align-items:center;gap:16px;padding:10px 0;display:flex;position:relative}.agent-access-toggle>span{flex:1}.agent-access-toggle strong{color:#866c94;font-size:11px;font-weight:500;display:block}.agent-access-toggle small{color:#b39fbc;margin-top:2px;font-size:9px;display:block}.agent-access-toggle>input{opacity:0;cursor:pointer;z-index:1;width:30px;height:19px;margin:0;position:absolute;right:0}.agent-access-toggle>i{background:#e9e1ed;border:1px solid #e2d7e7;border-radius:12px;flex:none;width:30px;height:17px;position:relative}.agent-access-toggle>i:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #5f3e6a18}.agent-access-toggle>input:checked+i{background:#a881bf;border-color:#a881bf}.agent-access-toggle>input:checked+i:after{transform:translate(13px)}.agent-access-toggle>input:focus-visible+i{outline-offset:3px;outline:2px solid #b994cf}.agent-access-activity{color:#ae98b8;border-top:1px solid #eee5f2;align-items:center;gap:7px;margin-top:4px;padding-top:11px;font-size:9px;display:flex}.agent-access-activity>span{background:#d3bfdc;border-radius:50%;flex:none;width:5px;height:5px}.agent-access-activity>span.is-working{background:#b18bc9;box-shadow:0 0 0 3px #f3eafa}.agent-access-activity>p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.agent-access-root :is(button,a):focus-visible{outline-offset:3px;outline:2px solid #b994cf}.agent-access-spin{animation:1s linear infinite agent-access-spin}@keyframes agent-access-spin{to{transform:rotate(360deg)}}.agent-access-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:680px){.agent-access-root{right:14px;bottom:calc(76px + env(safe-area-inset-bottom,0px))}.agent-access-panel{width:min(376px,100vw - 28px);max-height:calc(100dvh - 168px - env(safe-area-inset-bottom,0px));padding:20px;bottom:calc(100% + 10px)}.agent-access-trigger{gap:6px;min-height:44px;padding-right:10px}.agent-access-trigger-icon{width:28px}.agent-access-panel button:not(.agent-access-icon){min-height:36px}.agent-access-toggle>input{width:36px;height:27px}.agent-access-toggle{min-height:55px}}@media (prefers-reduced-motion:reduce){.agent-access-spin{animation:none}.agent-access-toggle>i:after{transition:none}}.enhancement-panel{--enhance-ink:#654b76;--enhance-muted:#907d9b;--enhance-line:#e4d8ed;color:var(--enhance-ink);background:linear-gradient(120deg,#fcf9ff,#f8f2fc);border:1px solid #e5d9ed;border-radius:10px;min-width:0;margin:12px 0;font-family:inherit;overflow:clip}.enhancement-heading{position:relative}.enhancement-trigger{text-align:left;width:100%;min-height:57px;color:var(--enhance-ink);background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:12px 11px;display:flex}.enhancement-trigger:hover{background:#f3e9fa}.enhancement-trigger:disabled{cursor:default;opacity:.55}.enhancement-mark{color:#a077bb;background:linear-gradient(145deg,#f0e2fa,#fbf5ff);border:1px solid #e0cbed;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid;box-shadow:inset 0 1px #fff}.enhancement-trigger>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.enhancement-trigger strong{letter-spacing:-.1px;font-size:11px;font-weight:550;line-height:1.5}.enhancement-trigger small{color:#a18aae;font-size:8px;font-weight:400;line-height:1.5}.enhancement-trigger>svg{color:#b699c8;flex:none;margin-left:auto;transition:transform .18s}.enhancement-panel.is-open .enhancement-trigger>svg{transform:rotate(180deg)}.enhancement-panel.is-open .enhancement-heading{border-bottom:1px solid #e9def0}.enhancement-body{background:#fff9;min-width:0;padding:0 11px 12px}.enhancement-intro{justify-content:space-between;align-items:center;gap:10px;min-height:35px;padding-top:5px;display:flex}.enhancement-scope{color:#a18aaf;align-items:center;gap:5px;font-size:8px;display:inline-flex}.enhancement-scope>span{background:#c5a8d6;border-radius:50%;width:4px;height:4px}.enhancement-icon-button{color:#b39ac1;background:0 0;border:0;border-radius:5px;place-items:center;width:23px;height:23px;margin-right:-3px;padding:0;display:grid}.enhancement-icon-button:hover{color:#8a619f;background:#f0e6f7}.enhancement-explore-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;margin:2px 0 12px;display:flex}.enhancement-explore-heading>p{color:#9982a8;font-size:10px}.enhancement-text-button{color:#9571ae;white-space:nowrap;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:4px 0;font-size:9px;line-height:1.5;display:inline-flex}.enhancement-text-button:hover{color:#70448c}.enhancement-suggestions{flex-direction:column;gap:7px;margin:0 0 15px;display:flex}.enhancement-suggestions>button{text-align:left;color:#8f6fa3;background:#fff;border:1px solid #e7dcee;border-radius:7px;align-items:flex-start;gap:7px;width:100%;min-width:0;padding:9px 10px;display:flex}.enhancement-suggestions>button:hover{background:#fcf7ff;border-color:#ccb0df;box-shadow:0 2px 7px #6b3d8706}.enhancement-suggestions>button>span{flex:1;min-width:0}.enhancement-suggestions strong{overflow-wrap:anywhere;font-size:10px;font-weight:500;line-height:1.5;display:block}.enhancement-suggestions small{color:#a18bad;margin-top:4px;font-size:9px;font-weight:400;line-height:1.6;display:block}.enhancement-suggestions>button>svg{color:#bda1cd;flex:none;margin-top:2px}.enhancement-request{flex-direction:column;gap:7px;display:flex}.enhancement-request>label{color:#846894;font-size:10px;font-weight:500;line-height:1.5}.enhancement-request>textarea{resize:vertical;color:#725782;scrollbar-width:thin;scrollbar-color:#d9c6e6 transparent;background:#fff;border:1px solid #decee8;border-radius:8px;width:100%;min-height:78px;max-height:190px;padding:10px 11px;font-size:11px;line-height:1.8;display:block;box-shadow:0 1px 3px #46305103}.enhancement-request>textarea::placeholder{color:#b7a2c3;opacity:1}.enhancement-request-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin-top:4px;display:flex}.enhancement-request-bottom>span{color:#a48cb1;font-size:8px}.enhancement-primary{color:#fff;white-space:nowrap;background:#a37abd;border:1px solid #a47cbd;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:31px;padding:7px 10px;font-size:10px;font-weight:500;line-height:1.5;display:inline-flex;box-shadow:0 2px 4px #70468910}.enhancement-primary:hover{background:#9164ad;border-color:#885aab}.enhancement-primary:disabled{color:#b6a0c4;box-shadow:none;opacity:1;cursor:default;background:#eee5f4;border-color:#e2d6eb}.enhancement-error{color:#aa7289;overflow-wrap:anywhere;background:#fff8fb;border:1px solid #ead4de;border-radius:7px;align-items:flex-start;gap:7px;margin:3px 0 12px;padding:10px;font-size:10px;line-height:1.75;display:flex}.enhancement-error>svg{flex:none;margin-top:2px}.enhancement-error>div{min-width:0}.enhancement-error p{margin:0}.enhancement-error button{color:#9c6b8f;align-items:center;gap:5px;margin-top:5px;padding:3px 0;font-size:9px;display:flex}.enhancement-inline-notice{color:#947fa1;margin:4px 0 12px;font-size:9px;line-height:1.7}.enhancement-success{color:#829983;align-items:flex-start;gap:6px;margin:0;padding:0 12px 11px;font-size:9px;line-height:1.6;display:flex}.enhancement-success>svg{flex:none;margin-top:1px}.enhancement-progress{text-align:center;flex-direction:column;align-items:center;padding:20px 5px 12px;display:flex}.enhancement-progress-mark{color:#a382ba;place-items:center;width:43px;height:43px;margin-bottom:12px;display:grid;position:relative}.enhancement-progress-mark>svg:last-child{color:#dac4e8;stroke-width:1px;position:absolute}.enhancement-progress>strong{color:#8c6d9e;font-size:11px;font-weight:500;line-height:1.65}.enhancement-progress>p{color:#a58fb2;margin:5px 0 13px;font-size:9px;line-height:1.8}.enhancement-progress>.enhancement-text-button{background:#fff;border:1px solid #e5d9ed;border-radius:6px;padding:5px 10px;font-size:9px}.enhancement-review{min-width:0}.enhancement-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#a389b3;font-size:7px;font-weight:500}.enhancement-review-title h3{letter-spacing:-.3px;color:#745185;margin:5px 0 7px;font-size:14px;font-weight:550;line-height:1.45}.enhancement-review-title>p{color:#9782a3;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.8}.enhancement-review-summary{color:#a185b3;align-items:center;gap:6px;margin:12px 0;font-size:9px;line-height:1.6;display:flex}.enhancement-review-summary>svg{flex:none}.enhancement-preview-section{background:#fff;border:1px solid #e6dbed;border-radius:8px;margin:13px 0 9px;overflow:hidden}.enhancement-preview-heading{background:#fbf8fe;border-bottom:1px solid #eee6f3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:8px;display:flex}.enhancement-preview-heading>span{color:#997eaa;align-items:center;gap:5px;font-size:9px;display:flex}.enhancement-comparison{background:#f7f2fb;border:1px solid #e8deef;border-radius:5px;align-items:center;gap:2px;padding:2px;display:flex}.enhancement-comparison>button{color:#ac93bb;background:0 0;border:0;border-radius:3px;padding:3px 5px;font-size:8px;line-height:1.4}.enhancement-comparison>button[aria-pressed=true]{color:#855c9f;background:#fff;box-shadow:0 1px 3px #57356a0b}.enhancement-preview{scrollbar-width:thin;scrollbar-color:#d9c7e6 transparent;background:#fdfbff;min-width:0;max-height:330px;position:relative;overflow:auto}.enhancement-preview:has(>.component-preview-surface){height:220px;min-height:220px}.enhancement-preview-notice{color:#9a7eaa;align-items:flex-start;gap:8px;padding:15px 12px;font-size:10px;line-height:1.8;display:flex}.enhancement-preview-notice>svg{flex:none;margin-top:2px}.enhancement-preview-note{color:#947b9f;align-items:flex-start;gap:8px;margin:0;padding:14px 11px;font-size:10px;line-height:1.8;display:flex}.enhancement-preview-note>svg{color:#b095c3;flex:none;margin-top:2px}.enhancement-preview-status{color:#8da28e;align-items:flex-start;gap:5px;margin:8px 0 12px;font-size:8px;line-height:1.7;display:flex}.enhancement-preview-status>svg{flex:none;margin-top:1px}.enhancement-preview-status.is-error{color:#b17b90;background:#fff5f8;border:1px solid #efd9e2;border-radius:6px;padding:8px;font-size:9px}.enhancement-defaults{background:#fff;border:1px solid #e7ddec;border-radius:8px;overflow:hidden}.enhancement-defaults>summary,.enhancement-change-summary>summary{cursor:pointer;color:#9475a6;justify-content:space-between;align-items:center;gap:9px;min-height:33px;padding:8px 10px;font-size:9px;font-weight:500;list-style:none;display:flex}.enhancement-defaults>summary::-webkit-details-marker{display:none}.enhancement-change-summary>summary::-webkit-details-marker{display:none}.enhancement-defaults[open]>summary{border-bottom:1px solid #eee7f3}.enhancement-defaults[open]>summary>svg,.enhancement-change-summary[open]>summary>svg{transform:rotate(180deg)}.enhancement-defaults>div{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dccce7 transparent;max-height:255px;padding:12px 10px;overflow-y:auto}.enhancement-change-summary{margin:6px 0 0}.enhancement-change-summary>summary{color:#aa91b9;padding-inline:1px;font-size:8px;font-weight:400}.enhancement-change-summary>summary>span{align-items:center;gap:5px;display:flex}.enhancement-change-summary>ul{margin:0;padding:0 3px 8px;list-style:none}.enhancement-change-summary li{color:#ac98b9;overflow-wrap:anywhere;margin-left:7px;padding:3px 0 3px 5px;font-size:8px;line-height:1.8;position:relative}.enhancement-change-summary li:before{content:"";background:#d2bce0;border-radius:50%;width:3px;height:3px;position:absolute;top:10px;left:-4px}.enhancement-review-actions{border-top:1px solid #e9def0;justify-content:space-between;align-items:center;gap:8px;margin-top:3px;padding-top:10px;display:flex}.enhancement-review-note{color:#b09abb;text-align:center;margin:9px 0 0;font-size:8px;line-height:1.7}.capability-controls{flex-direction:column;gap:14px;min-width:0;display:flex}.capability-field{flex-direction:column;gap:6px;min-width:0;display:flex}.capability-field-heading{justify-content:space-between;align-items:center;gap:10px;min-height:17px;display:flex}.capability-field-heading>label{color:#80668e;overflow-wrap:anywhere;cursor:default;font-size:10px;font-weight:500;line-height:1.6}.capability-field-description{color:#a48faf;overflow-wrap:anywhere;margin:0;font-size:9px;line-height:1.7}.capability-input{color:#755b84;background:#fff;border:1px solid #dfd3e7;border-radius:6px;width:100%;min-width:0;height:31px;padding:6px 8px;font-size:11px;line-height:1.5;display:block;box-shadow:0 1px 2px #42274f03}.capability-input:disabled{color:#b6a6be;opacity:.7;cursor:default;background:#f8f5fa}.capability-input[aria-invalid=true]{border-color:#d7a2b5}.capability-number{font-variant-numeric:tabular-nums}.capability-select{-webkit-appearance:auto;appearance:auto;cursor:pointer;padding-right:6px}.capability-textarea{resize:vertical;height:auto;min-height:65px;max-height:180px;font-size:11px;line-height:1.7}.capability-toggle{flex:none;width:28px;height:17px;display:block;position:relative}.capability-toggle>input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.capability-toggle>span{pointer-events:none;background:#e7deed;border:1px solid #ddd1e6;border-radius:11px;width:28px;height:17px;display:block;position:relative}.capability-toggle>span:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #5033601c}.capability-toggle>input:checked+span{background:#ac85c5;border-color:#ac85c5}.capability-toggle>input:checked+span:after{transform:translate(11px)}.capability-toggle>input:disabled+span{opacity:.5}.capability-toggle>input:disabled{cursor:default}.capability-toggle>input:focus-visible+span{outline-offset:3px;outline:2px solid #ac85c4}.capability-color-control{align-items:center;gap:7px;display:flex}.capability-color-control>.capability-input{font-variant-numeric:tabular-nums;flex:1;min-width:0}.capability-color-swatch{border:1px solid #d9cce2;border-radius:7px;flex:none;width:30px;height:30px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #fff}.capability-color-swatch>input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.capability-color-swatch>input:disabled{cursor:default}.capability-color-swatch:focus-within{outline-offset:3px;outline:2px solid #a77bbf}.enhancement-panel :is(button,textarea,summary):focus-visible{outline-offset:3px;outline:2px solid #a881bf}.capability-input:focus-visible{outline-offset:3px;outline:2px solid #a881bf}.native-enhancements,.component-enhancements{min-width:0;margin:0 0 15px}.native-enhancements>.enhancement-panel,.component-enhancements>.enhancement-panel{margin-top:0}.capability-installed{margin-top:18px}.capability-section-heading{color:#977aa8;align-items:center;gap:7px;margin-bottom:11px;font-size:10px;font-weight:500;display:flex}.capability-section-heading>svg{color:#b49bc4}.capability-section-heading>small{color:#a287b4;background:#f0e8f6;border-radius:5px;place-items:center;min-width:17px;height:17px;margin-left:auto;padding:0 4px;font-size:8px;font-weight:400;display:grid}.capability-group{background:#fefcff;border:1px solid #e5dcea;border-radius:9px;margin-top:9px;overflow:hidden}.capability-group>summary{cursor:pointer;color:#80628f;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:11px;font-size:11px;font-weight:500;line-height:1.5;list-style:none;display:flex}.capability-group>summary::-webkit-details-marker{display:none}.capability-group>summary>svg{color:#b69dc4;flex:none}.capability-group[open]>summary>svg{transform:rotate(180deg)}.capability-group[open]>summary{border-bottom:1px solid #eee6f3}.capability-group-body{padding:12px 11px}.capability-group-body>p{color:#a08aac;overflow-wrap:anywhere;margin:0 0 13px;font-size:9px;line-height:1.8}.capability-enable{color:#967ba6;cursor:pointer;border-bottom:1px solid #f0eaf5;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:11px;font-size:10px;display:flex}.capability-enable>input{-webkit-appearance:none;appearance:none;cursor:pointer;background:#e7deed;border:1px solid #ddd1e6;border-radius:11px;width:28px;height:17px;margin:0;transition:background .15s;position:relative}.capability-enable>input:before{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #58376817}.capability-enable>input:checked{background:#ac85c5;border-color:#ac85c5}.capability-enable>input:checked:before{transform:translate(11px)}.capability-enable>input:focus-visible{outline-offset:3px;outline:2px solid #ac85c5}.capability-group-actions{border-top:1px solid #eee6f3;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:10px;display:flex}.capability-group-actions>.text-button{color:#a88cb8;gap:5px;padding:4px 0;font-size:9px}.capability-group-actions>.text-button:hover{color:#815095}.capability-group-actions>.text-button:last-child:hover{color:#ae7087}.capability-developer-surface{background:#fff;border-left:1px solid #e5ddea;min-width:0;padding:16px 23px 0}.capability-developer-surface>.native-enhancements{max-width:390px}.preview-section [data-capability-surface]:focus-visible{outline-offset:-3px;outline:2px solid #8f5fa7}.enhancement-installed-capability{border-bottom:1px solid #e9e1ef;padding:15px 0}.enhancement-installed-capability>.components-section-heading{justify-content:space-between;align-items:center;gap:6px;margin:0 0 7px;display:flex}.enhancement-installed-capability>.components-section-heading h3{color:#7b5d8c;letter-spacing:0;overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:550;line-height:1.6}.enhancement-capability-actions{flex:none;align-items:center;gap:1px;display:flex}.enhancement-capability-actions>button{width:25px;height:25px;padding:0;color:#ad94bc!important}.enhancement-capability-actions>button:hover{color:#85599c!important;background:#f3ebf8!important}.enhancement-capability-description{color:#a38cae;overflow-wrap:anywhere;margin:0 0 13px;font-size:9px;line-height:1.8}.enhancement-recent-change{color:#a18aad;background:#faf6fd;border:1px solid #e7deed;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:8px 9px;font-size:9px;line-height:1.6;display:flex}.enhancement-recent-change>span{overflow-wrap:anywhere;min-width:0}.enhancement-recent-change>button{flex:none;padding:3px 5px;font-size:9px;color:#9273a5!important}.component-enhancements>[role=alert]{margin-top:10px;font-size:10px}.enhancement-spin{animation:1s linear infinite enhancement-spin}@keyframes enhancement-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.enhancement-trigger{min-height:61px;padding-block:13px}.enhancement-trigger strong{font-size:12px}.enhancement-trigger small{font-size:9px}.enhancement-body{padding-inline:13px}.enhancement-request>textarea,.capability-input{font-size:16px}.enhancement-primary{min-height:36px;font-size:11px}.enhancement-text-button{min-height:30px;font-size:10px}.enhancement-suggestions strong{font-size:11px}.enhancement-suggestions small{font-size:10px}.capability-field-heading>label{font-size:11px}.capability-input{height:36px}.capability-textarea{height:auto}.enhancement-preview{max-height:300px}.enhancement-defaults>div{max-height:285px}.capability-group>summary{min-height:44px;font-size:12px}.capability-group-actions>.text-button{min-height:32px;font-size:10px}.capability-developer-surface{border-left:0;padding:16px 18px 0}.capability-developer-surface>.native-enhancements{max-width:none}}@media (prefers-reduced-motion:reduce){.enhancement-spin{animation:none}.enhancement-trigger>svg,.capability-toggle>span:after{transition:none}}.project-opening{min-height:100svh;color:var(--muted);background:var(--workspace);justify-content:center;align-items:center;gap:12px;padding:32px;font-size:14px;display:flex}.project-opening>svg{width:20px;height:20px;color:var(--accent);flex:none}.project-opening strong{color:var(--ink);overflow-wrap:anywhere;font-weight:550}.app-rail-project-section{border:0;flex:none;margin-bottom:12px;padding-bottom:9px}.app-rail-project{text-align:left;color:#776882;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:43px;padding:7px 10px;display:flex}.app-rail-project:hover{color:#4b3a59;background:#e8e2eb}.app-rail-project>svg{flex:none}.app-rail-project>span{flex-direction:column;gap:2px;min-width:0;display:flex}.app-rail-project small{color:#8e7e99;font-size:9px;line-height:1.4}.app-rail-project strong{text-overflow:ellipsis;white-space:nowrap;color:#574561;font-size:11px;font-weight:550;line-height:1.5;overflow:hidden}.app-rail-desktop[data-expanded=false] .app-rail-project{justify-content:center;min-height:34px;padding:6px}.app-rail-desktop[data-expanded=false] .app-rail-project>span{display:none}.app-rail-desktop[data-expanded=false] .app-rail-project-section{margin-bottom:9px;padding-bottom:9px}.app-rail-mobile .app-rail-project{min-height:52px;padding:10px 12px}.app-rail-mobile .app-rail-project small{font-size:10px}.app-rail-mobile .app-rail-project strong{font-size:13px}.app-project-crumb{color:#65566f;text-align:left;border-radius:6px;align-items:center;gap:7px;min-width:0;max-width:180px;margin-left:-8px;padding:6px 8px;font-size:11px;display:flex}.app-project-crumb>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-project-crumb>svg{color:#9c8aa8;flex:none}.app-project-crumb:hover{color:#603b80;background:#f1ebf5}.app-project-crumb:hover>svg{color:#8555a3}.project-save-error{color:#75522f;background:#fff6ea;border-bottom:1px solid #eed9bb;align-items:center;gap:12px;padding:12px 24px;font-size:12px;display:flex}.project-save-error>svg{flex:none}.project-save-error>p{flex:1;line-height:1.6}.project-save-error>.button{flex:none;min-height:32px;font-size:11px}@media (max-width:1300px){.app-project-crumb{max-width:140px}.app-breadcrumb:has(.app-project-crumb){gap:8px}.app-breadcrumb:has(.app-project-crumb) .app-context-group{display:none}.app-breadcrumb:has(.app-project-crumb) .app-context-group+svg{display:none}}@media (max-width:1000px){.app-project-crumb{max-width:170px}}@media (max-width:760px){.app-breadcrumb:has(.app-project-crumb){gap:1px;min-width:0;display:grid}.app-breadcrumb:has(.app-project-crumb)>strong{color:#928895;font-size:10px;line-height:1.3}.app-project-crumb{gap:5px;max-width:min(42vw,200px);margin:0;padding:1px 0;font-size:11px;line-height:1.4}.app-project-crumb>svg{width:12px;height:12px}.project-save-error{flex-wrap:wrap;gap:8px;padding:10px 16px}.project-save-error>p{flex-basis:calc(100% - 40px)}}.developer-preview{min-width:0;container-type:inline-size}.developer-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.developer-source{align-items:center;gap:10px;min-width:0;display:flex}.developer-source-icon{color:#8765a0;background:#f0eaf5;border:1px solid #e7deef;border-radius:9px;flex:none;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.developer-source strong{color:#62546f;font-size:11px;font-weight:550;line-height:1.4;display:block}.developer-source small{color:#95899f;margin-top:2px;font-size:9px;display:block}.developer-toolbar-actions{flex:none;gap:7px;display:flex}.developer-toolbar .button{border-radius:7px;gap:7px;min-height:34px;padding:8px 10px;font-size:10px}.developer-workbench{background:#fff;border:1px solid #ddd6e4;border-radius:12px;min-width:0;position:relative;overflow:hidden;box-shadow:0 2px 4px #23152e04}.developer-workbench-header{background:#fff;border-bottom:1px solid #e9e3ed;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:8px 15px;display:flex}.developer-views{gap:3px;min-width:0;display:flex}.developer-views>button{color:#887992;white-space:nowrap;border-radius:6px;align-items:center;gap:7px;min-height:33px;padding:8px 11px;font-size:11px;font-weight:500;display:flex}.developer-views>button:hover{color:#5e3c79;background:#f7f3fa}.developer-views>button[aria-selected=true]{color:#713ca1;background:#f0e8f8;box-shadow:inset 0 0 0 1px #9e6ac91a}.developer-theme-toggle{background:#faf8fc;border:1px solid #e7e1ed;border-radius:7px;flex:none;gap:2px;padding:3px;display:flex}.developer-theme-toggle>button{color:#9a8aa4;border-radius:4px;justify-content:center;align-items:center;gap:5px;min-height:25px;padding:4px 8px;font-size:9px;display:flex}.developer-theme-toggle>button[aria-pressed=true]{color:#5b496a;background:#fff;box-shadow:0 1px 3px #35214116}.developer-both-themes{color:#968a9f;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}.developer-both-themes svg{color:#a495af}.developer-view-panel{min-width:0}.developer-feedback-wrap{z-index:4;pointer-events:none;justify-content:flex-end;display:flex;position:absolute;top:63px;left:12px;right:12px}.developer-feedback{color:#65477e;background:#fff;border:1px solid #ddd1e7;border-radius:8px;align-items:flex-start;gap:8px;max-width:360px;padding:10px 13px;font-size:11px;line-height:1.5;display:flex;box-shadow:0 5px 24px #30213f18}.developer-feedback svg{flex:none;margin-top:2px}.developer-feedback.is-error{color:#a13e55;border-color:#edcdd5}.developer-specimen{color:var(--dev-foreground);background:var(--dev-background);font-family:var(--dev-font-family);font-size:var(--dev-font-size);line-height:var(--dev-leading-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.developer-specimen[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.developer-specimen button,.developer-specimen input{font-family:inherit}.developer-specimen :is(button,input):focus-visible{outline:2px solid var(--dev-ring);outline-offset:3px}.developer-demo-header{padding:var(--dev-space-4) var(--dev-space-6);border-bottom:1px solid var(--dev-border);background:var(--dev-card);color:var(--dev-card-foreground);justify-content:space-between;align-items:center;gap:12px;display:flex}.developer-demo-brand{align-items:center;gap:var(--dev-space-2);font-size:var(--dev-text-sm);letter-spacing:-.025em;min-width:0;font-weight:600;display:flex}.developer-demo-brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.developer-demo-mark{border-radius:var(--dev-radius-sm);background:var(--dev-primary);width:31px;height:31px;color:var(--dev-primary-foreground);box-shadow:var(--dev-shadow-sm);flex:none;justify-content:center;align-items:center;display:flex}.developer-demo-nav{align-items:center;gap:var(--dev-space-1);flex:none;display:flex}.developer-demo-nav>button{font-size:var(--dev-text-xs);padding:var(--dev-space-1) var(--dev-space-2);border-radius:var(--dev-radius-sm);color:var(--dev-muted-foreground);min-height:28px}.developer-demo-nav>button[aria-pressed=true]{color:var(--dev-secondary-foreground);background:var(--dev-secondary)}.developer-demo-nav>button:hover{box-shadow:inset 0 0 0 1px var(--dev-border)}.developer-demo-content{padding:var(--dev-space-6)}.developer-demo-intro{justify-content:space-between;align-items:flex-start;gap:var(--dev-space-3);padding:var(--dev-space-1) 0 var(--dev-space-6);display:flex}.developer-demo-eyebrow{font-size:var(--dev-text-xs);letter-spacing:.13em;color:var(--dev-muted-foreground);margin-bottom:var(--dev-space-2);font-weight:600;display:block}.developer-demo-intro h2{font-size:var(--dev-text-3xl);font-weight:600;line-height:var(--dev-leading-heading);letter-spacing:-.045em;max-width:15ch;color:var(--dev-foreground)}.developer-demo-intro p{font-size:var(--dev-text-sm);color:var(--dev-muted-foreground);margin-top:var(--dev-space-3);line-height:var(--dev-leading-body)}.developer-demo-live{color:var(--dev-muted-foreground);white-space:nowrap;flex:none;align-items:center;gap:6px;margin-top:2px;font-size:9px;display:inline-flex}.developer-demo-live>span{background:var(--dev-primary);border-radius:50%;width:5px;height:5px}.developer-demo-grid{gap:var(--dev-space-4);grid-template-columns:1.07fr 1fr;display:grid}.developer-demo-card{min-width:0;padding:var(--dev-space-4);border:1px solid var(--dev-border);border-radius:var(--dev-radius-lg);background:var(--dev-card);color:var(--dev-card-foreground);box-shadow:var(--dev-shadow-sm)}.developer-demo-card-heading{justify-content:space-between;align-items:center;gap:var(--dev-space-2);min-width:0;display:flex}.developer-demo-symbol{border-radius:var(--dev-radius-md);width:31px;height:31px;color:var(--dev-primary);background:var(--dev-secondary);justify-content:center;align-items:center;display:flex}.developer-demo-badge{border-radius:var(--dev-radius-full);background:var(--dev-secondary);color:var(--dev-secondary-foreground);white-space:nowrap;align-items:center;gap:4px;padding:4px 7px;font-size:10px;font-weight:500;line-height:1.4;display:inline-flex}.developer-demo-badge.is-accent{background:var(--dev-accent);color:var(--dev-accent-foreground)}.developer-demo-badge.is-destructive{background:var(--dev-destructive);color:var(--dev-destructive-foreground)}.developer-demo-project{flex-direction:column;display:flex}.developer-demo-project-copy{margin:var(--dev-space-4) 0 var(--dev-space-4);flex:1}.developer-demo-project-copy h3{font-size:var(--dev-text-lg);font-weight:600;line-height:var(--dev-leading-heading);letter-spacing:-.03em;overflow-wrap:anywhere}.developer-demo-project-copy p{font-size:var(--dev-text-xs);line-height:var(--dev-leading-body);color:var(--dev-muted-foreground);margin-top:var(--dev-space-2);max-width:27ch}.developer-demo-progress-label{color:var(--dev-muted-foreground);margin-bottom:var(--dev-space-2);justify-content:space-between;gap:8px;font-size:10px;display:flex}.developer-demo-progress-label strong{color:var(--dev-card-foreground);font-variant-numeric:tabular-nums;font-weight:500}.developer-demo-progress{border-radius:var(--dev-radius-full);background:var(--dev-muted);height:5px;margin-bottom:var(--dev-space-4);overflow:hidden}.developer-demo-progress>span{border-radius:inherit;background:var(--dev-primary);height:100%;transition:width .2s;display:block}.developer-demo-button-row{gap:var(--dev-space-2);flex-wrap:wrap;align-items:center;display:flex}.developer-specimen .developer-demo-primary,.developer-specimen .developer-demo-secondary{min-height:32px;padding:var(--dev-space-2) var(--dev-space-3);border-radius:var(--dev-radius-sm);font-size:var(--dev-text-xs);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-weight:500;line-height:1.2;display:inline-flex}.developer-specimen .developer-demo-primary{background:var(--dev-primary);color:var(--dev-primary-foreground);box-shadow:var(--dev-shadow-sm)}.developer-specimen .developer-demo-primary:hover{filter:brightness(.95)}.developer-specimen .developer-demo-secondary{background:var(--dev-card);color:var(--dev-card-foreground);border-color:var(--dev-border)}.developer-specimen .developer-demo-secondary:hover{background:var(--dev-secondary);color:var(--dev-secondary-foreground)}.developer-demo-label{font-size:var(--dev-text-xs);color:var(--dev-muted-foreground);font-weight:500}.developer-demo-change{background:var(--dev-accent);color:var(--dev-accent-foreground);border-radius:var(--dev-radius-sm);white-space:nowrap;align-items:center;gap:3px;padding:3px 5px;font-size:10px;font-weight:550;display:flex}.developer-demo-stat{align-items:baseline;gap:var(--dev-space-2);margin:var(--dev-space-3) 0 var(--dev-space-4);display:flex}.developer-demo-stat>strong{font-size:var(--dev-text-3xl);letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.developer-demo-stat>span{font-size:var(--dev-text-xs);color:var(--dev-muted-foreground)}.developer-demo-chart{align-items:end;gap:var(--dev-space-2);border-bottom:1px solid var(--dev-border);height:100px;padding:0 var(--dev-space-1);background:repeating-linear-gradient(to top,transparent 0,transparent calc(33.33% - 1px),var(--dev-border) 33.33%);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.developer-demo-chart>span{border-radius:var(--dev-radius-sm) var(--dev-radius-sm) 0 0;opacity:.9;min-height:4px;transition:height .2s;display:block}.developer-demo-chart-days{gap:var(--dev-space-2);text-align:center;color:var(--dev-muted-foreground);padding:var(--dev-space-2) var(--dev-space-1) 0;grid-template-columns:repeat(7,minmax(0,1fr));font-size:9px;display:grid}.developer-demo-section-title{margin-bottom:var(--dev-space-4)}.developer-demo-section-title h3{font-size:var(--dev-text-sm);letter-spacing:-.02em;font-weight:600}.developer-demo-section-title p{font-size:var(--dev-text-xs);line-height:var(--dev-leading-body);margin-top:var(--dev-space-1);color:var(--dev-muted-foreground)}.developer-demo-field{gap:var(--dev-space-2);font-size:var(--dev-text-xs);margin-bottom:var(--dev-space-4);flex-direction:column;font-weight:500;display:flex}.developer-demo-field input{border:1px solid var(--dev-input);width:100%;min-width:0;min-height:34px;padding:var(--dev-space-2) var(--dev-space-3);border-radius:var(--dev-radius-sm);background:var(--dev-background);color:var(--dev-foreground);font-size:var(--dev-text-xs);box-shadow:var(--dev-shadow-sm);font-weight:400}.developer-demo-field input::placeholder{color:var(--dev-muted-foreground)}.developer-demo-switch-row{justify-content:space-between;align-items:center;gap:var(--dev-space-3);margin-bottom:var(--dev-space-4);display:flex}.developer-demo-switch-row strong{font-size:var(--dev-text-xs);font-weight:500;display:block}.developer-demo-switch-row small{color:var(--dev-muted-foreground);margin-top:2px;font-size:10px;line-height:1.5;display:block}.developer-demo-switch{border:1px solid var(--dev-input);border-radius:var(--dev-radius-full);background:var(--dev-muted);flex:none;align-items:center;width:31px;height:18px;padding:2px;display:flex}.developer-demo-switch>span{background:var(--dev-muted-foreground);border-radius:50%;width:12px;height:12px;transition:transform .15s;display:block}.developer-demo-switch[aria-checked=true]{background:var(--dev-primary);border-color:var(--dev-primary)}.developer-demo-switch[aria-checked=true]>span{background:var(--dev-primary-foreground);transform:translate(12px)}.developer-demo-check{color:var(--dev-muted-foreground);margin-bottom:var(--dev-space-4);cursor:pointer;align-items:flex-start;gap:7px;font-size:10px;line-height:1.5;display:flex}.developer-demo-check input{width:13px;height:13px;accent-color:var(--dev-primary);flex:none;margin:1px 0 0}.developer-demo-form-footer{justify-content:space-between;align-items:center;gap:var(--dev-space-2);padding-top:var(--dev-space-3);border-top:1px solid var(--dev-border);flex-wrap:wrap;display:flex}.developer-demo-reset{color:var(--dev-destructive);min-height:28px;padding:4px 0;font-size:10px}.developer-demo-reset:hover{text-decoration:underline}.developer-demo-details{flex-direction:column;display:flex}.developer-demo-detail-row{align-items:center;gap:var(--dev-space-2);margin-bottom:var(--dev-space-4);display:flex}.developer-demo-detail-icon{border-radius:var(--dev-radius-md);background:var(--dev-secondary);width:30px;height:30px;color:var(--dev-secondary-foreground);flex:none;justify-content:center;align-items:center;display:flex}.developer-demo-detail-icon.is-accent{background:var(--dev-accent);color:var(--dev-accent-foreground)}.developer-demo-detail-row>span:nth-child(2){flex:1;min-width:0}.developer-demo-detail-row strong{font-size:var(--dev-text-xs);font-weight:500;display:block}.developer-demo-detail-row small{color:var(--dev-muted-foreground);margin-top:2px;font-size:10px;line-height:1.5;display:block}.developer-demo-detail-dot{background:var(--dev-primary);border-radius:50%;flex:none;width:5px;height:5px;display:block}.developer-demo-detail-row>svg{color:var(--dev-muted-foreground);flex:none}.developer-demo-note{align-items:flex-start;gap:var(--dev-space-2);padding:var(--dev-space-3);border-radius:var(--dev-radius-md);background:var(--dev-muted);color:var(--dev-muted-foreground);margin-bottom:var(--dev-space-4);flex:1;display:flex}.developer-demo-note-icon{flex:none;margin-top:2px;display:inline-flex}.developer-demo-note strong{font-size:var(--dev-text-xs);font-weight:500}.developer-demo-note p{margin-top:4px;font-size:10px;line-height:1.65}.developer-demo-small-actions{gap:var(--dev-space-2);flex-wrap:wrap;display:flex}.developer-demo-palette{gap:var(--dev-space-2);margin-top:var(--dev-space-6);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.developer-demo-palette button{text-align:left;border-radius:var(--dev-radius-sm);min-width:0;padding:0;display:block}.developer-demo-palette button>span{border-radius:var(--dev-radius-sm);border:1px solid var(--dev-foreground);height:26px;display:block}@supports (color:color-mix(in lab, red, red)){.developer-demo-palette button>span{border:1px solid color-mix(in srgb,var(--dev-foreground) 8%,transparent)}}.developer-demo-palette code{color:var(--dev-muted-foreground);text-transform:uppercase;letter-spacing:.01em;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:block}.developer-demo-footer{color:var(--dev-muted-foreground);padding-top:var(--dev-space-4);justify-content:space-between;align-items:center;gap:12px;font-size:9px;display:flex}.developer-demo-footer>span:first-child{align-items:center;gap:6px;display:flex}.developer-demo-footer i{background:var(--dev-primary);border-radius:50%;width:5px;height:5px}.developer-demo-footer b{opacity:.5;margin:0 4px;font-weight:400}.developer-preview-caption{color:#9a8da5;background:#fdfbfe;border-top:1px solid #e9e3ed;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;font-size:9px;display:flex}.developer-preview-caption>span:first-child{color:#88768f;align-items:center;gap:6px;display:flex}.developer-token-panel{padding:24px 22px 0}.developer-catalog-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px;display:flex}.developer-overline{letter-spacing:1.4px;color:#a08bac;margin-bottom:7px;font-size:8px;font-weight:600;display:block}.developer-catalog-heading h3{letter-spacing:-.5px;color:#4d3d5b;font-size:20px;font-weight:550;line-height:1.25}.developer-catalog-heading p{color:#9a88a5;margin-top:5px;font-size:10px}.developer-subtle-button{color:#866099;background:#fdfbff;border:1px solid #e2d7ea;border-radius:6px;flex:none;align-items:center;gap:6px;min-height:32px;padding:6px 9px;font-size:10px;display:inline-flex}.developer-subtle-button:hover{background:#f6effb;border-color:#cdb7dd}.developer-contrast-summary{background:#fdfbfe;border:1px solid #e7dfed;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.developer-contrast-summary>div{grid-template-columns:1fr auto;gap:5px 6px;padding:11px 13px;display:grid}.developer-contrast-summary>div+div{border-left:1px solid #e7dfed}.developer-contrast-summary>div>span:first-child{color:#9a87a6;grid-column:1/-1;font-size:9px}.developer-contrast-summary strong{letter-spacing:-.5px;color:#5b456d;font-variant-numeric:tabular-nums;font-size:17px;font-weight:500}.developer-contrast-summary strong small{color:#9c8ba7;margin-left:1px;font-size:11px}.developer-contrast-rating{color:#668072;align-self:center;align-items:center;gap:3px;font-size:8px;display:flex}.developer-contrast-summary .needs-review{background:#fff8ee}.developer-contrast-summary .needs-review .developer-contrast-rating{color:#9d6a27}.developer-contrast-note{color:#9e91a6;margin-top:8px;margin-bottom:21px;font-size:9px;line-height:1.6}.developer-token-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.developer-token-groups{scrollbar-width:thin;gap:3px;max-width:100%;display:flex;overflow-x:auto}.developer-token-groups>button{white-space:nowrap;color:#9985a5;border:1px solid #0000;border-radius:6px;min-height:28px;padding:6px 9px;font-size:10px}.developer-token-groups>button[aria-pressed=true]{color:#75468f;background:#f4edf9;border-color:#e8dcef}.developer-token-groups>button:hover{background:#faf5fc}.developer-token-search{color:#af9db9;background:#fff;border:1px solid #e8dfef;border-radius:6px;flex:1;align-items:center;gap:7px;min-width:125px;max-width:180px;padding:6px 9px;display:flex}.developer-token-search input{color:#705781;background:0 0;border:0;width:100%;min-width:0;padding:0;font-size:10px;line-height:1.5}.developer-token-search input::placeholder{color:#b5a4bf}.developer-token-search:focus-within{outline-offset:2px;outline:2px solid #b68cd1}.developer-token-search input:focus-visible{outline:none}.developer-token-table-wrap{scrollbar-width:thin;scrollbar-color:#ddcce7 transparent;border:1px solid #e9e0ef;border-radius:8px;min-width:0;max-height:455px;overflow:auto}.developer-token-table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%;font-size:11px}.developer-token-table th{font-weight:400}.developer-token-table thead th{z-index:1;color:#a28bad;background:#f8f4fb;border-bottom:1px solid #ece3f1;padding:10px 12px;font-size:9px;font-weight:500;position:sticky;top:0}.developer-token-table thead th:first-child{width:49%}.developer-token-table thead th:last-child{width:40px}.developer-token-table tbody tr+tr{border-top:1px solid #f0eaf4}.developer-token-table tbody tr:hover{background:#fcf9fe}.developer-token-table tbody th,.developer-token-table tbody td{vertical-align:middle;padding:9px 12px}.developer-token-table tbody td:last-child{padding:5px 6px}.developer-token-name{color:#7b618c;align-items:center;gap:9px;min-width:0;display:flex}.developer-token-name code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.6}.developer-token-value{overflow-wrap:anywhere;color:#9a86a5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.7}.developer-token-swatch{border-radius:5px;flex:none;width:17px;height:17px;display:inline-block;box-shadow:inset 0 0 0 1px #6a477918}.developer-token-space-sample{background:repeating-linear-gradient(135deg,#efe3f8 0 2px,#dfcaed 2px 3px);border:1px solid #b493cc;border-radius:2px;flex:none;min-width:2px;height:15px;display:block}.developer-token-radius-sample{background:#ebddf5;border:1px solid #bca1cf;flex:none;width:18px;height:18px;display:block}.developer-token-shadow-sample{background:#fff;border:1px solid #e5dbed;border-radius:4px;flex:none;width:19px;height:19px;display:block}.developer-token-type-sample{letter-spacing:-1px;color:#ad8ec2;flex:none;width:19px;font-size:12px;font-weight:500}.developer-token-copy{color:#b69ac7;border-radius:5px;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.developer-token-copy:hover{color:#7b469b;background:#f1e7f8}.developer-no-tokens{color:#aa91b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;padding:20px;display:flex}.developer-no-tokens strong{color:#7e5d92;font-size:13px;font-weight:500}.developer-no-tokens p{font-size:11px}.developer-catalog-footer{color:#ab98b6;justify-content:space-between;align-items:center;gap:12px;min-height:42px;font-size:9px;display:flex}.developer-code-format{background:#fdfbff;border-bottom:1px solid #e8e0ee;align-items:center;gap:18px;padding:19px 20px;display:flex}.developer-code-format>label{flex:0 0 190px;min-width:0}.developer-code-format label>span{color:#aa94b7;letter-spacing:1.1px;margin-bottom:6px;font-size:8px;font-weight:600;display:block}.developer-code-format select{color:#6a487f;background:#fff;border:1px solid #d7c8e2;border-radius:6px;width:100%;min-height:34px;padding:7px 29px 7px 10px;font-size:11px;font-weight:500}.developer-code-format>p{color:#a08bad;max-width:240px;padding-top:15px;font-size:10px;line-height:1.7}.developer-code-workspace{grid-template-columns:145px minmax(0,1fr);min-width:0;display:grid}.developer-file-list{scrollbar-width:thin;scrollbar-color:#ddcce7 transparent;background:#f9f6fc;border-right:1px solid #e6dcec;min-width:0;padding:14px 8px;overflow:auto}.developer-file-list-heading{letter-spacing:1px;color:#ab94ba;justify-content:space-between;align-items:center;padding:1px 8px 11px;font-size:8px;font-weight:600;display:flex}.developer-file-list-heading small{letter-spacing:0;color:#b5a1c1;background:#efe7f5;border-radius:3px;padding:0 4px;font-size:8px}.developer-file-list>button{color:#9c81ac;text-align:left;border-radius:6px;align-items:center;gap:6px;width:100%;min-width:0;margin-bottom:3px;padding:9px 7px;font-size:9px;display:flex}.developer-file-list>button>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.developer-file-list>button:hover{color:#76508f;background:#f2ebf7}.developer-file-list>button[aria-pressed=true]{color:#754394;background:#eee1f7;box-shadow:inset 0 0 0 1px #caa8de24}.developer-source-panel{color:#dfd4e9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#211d29;min-width:0}.developer-source-heading{background:#282131;border-bottom:1px solid #3b3048;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:42px;padding:7px 12px;font-size:9px;display:flex}.developer-source-heading>span{text-overflow:ellipsis;white-space:nowrap;color:#c1abcd;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.developer-source-heading>div{flex:none;gap:3px;display:flex}.developer-source-heading button{color:#c3a7d5;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-width:25px;min-height:27px;padding:4px 6px;font-size:9px;display:flex}.developer-source-heading button:hover{color:#f0dcff;background:#3a2b48}.developer-code-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#574264 #211d29;min-width:0;min-height:390px;max-height:515px;overflow:auto}.developer-code-scroll pre{white-space:pre;tab-size:2;min-width:max-content;margin:0;padding:15px 15px 22px 0;font-size:10px;line-height:1.85}.developer-code-scroll pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:inherit}.developer-code-line{min-height:1.85em;display:block}.developer-line-number{text-align:right;color:#70617f;-webkit-user-select:none;user-select:none;width:42px;padding-right:13px;font-size:9px;display:inline-block}.developer-syntax-comment{color:#8c799b}.developer-syntax-variable{color:#c9abf2}.developer-syntax-keyword{color:#deabed}.developer-syntax-string{color:#a9d9cd}.developer-syntax-value{color:#f0bf9d}.developer-code-status{color:#9e82b0;background:#282131;border-top:1px solid #382b44;justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;font-size:8px;display:flex}.developer-code-status>span:first-child{text-transform:uppercase;letter-spacing:.8px}.developer-code-status b{color:#685176;margin:0 6px;font-weight:400}.developer-file-description{color:#947c9f;padding:13px 18px 0;font-size:10px;line-height:1.7}.developer-code-note{color:#ae91be;background:#fdfbff;border-top:1px solid #ece3f1;align-items:center;gap:10px;padding:14px 18px;display:flex}.developer-file-description+.developer-code-note{border-top:0}.developer-code-note>svg{flex:none}.developer-code-note p{color:#9b83a9;flex:1;font-size:10px;line-height:1.7}.developer-code-note button{color:#79558f;white-space:nowrap;flex:none;align-items:center;gap:4px;min-height:30px;padding:6px 0 6px 8px;font-size:10px;display:flex}.developer-code-note button:hover{color:#613c78}@container (width<=650px){.developer-demo-live{display:none}.developer-demo-content{padding:var(--dev-space-4)}.developer-demo-header{padding:var(--dev-space-3) var(--dev-space-4)}.developer-demo-grid{gap:var(--dev-space-3)}.developer-demo-card{padding:var(--dev-space-3)}.developer-demo-button-row{gap:var(--dev-space-1)}.developer-specimen .developer-demo-primary,.developer-specimen .developer-demo-secondary{padding:var(--dev-space-2);font-size:11px}.developer-code-workspace{grid-template-columns:125px minmax(0,1fr)}.developer-source-heading button>span{display:none}.developer-preview-caption>span:last-child{text-align:right;max-width:150px;font-size:8px}}@container (width<=500px){.developer-toolbar{align-items:flex-start;gap:10px}.developer-toolbar-actions .button{padding:7px 8px;font-size:9px}.developer-toolbar-actions .button-secondary{width:33px;padding:7px}.developer-toolbar-actions .button-secondary>span{display:none}.developer-source{gap:7px}.developer-source-icon{border-radius:7px;width:28px;height:28px}.developer-source strong{font-size:10px}.developer-source small{max-width:145px;font-size:8px}.developer-workbench-header{gap:7px;padding:8px 10px}.developer-views{gap:1px}.developer-views>button{gap:5px;padding:7px 8px;font-size:10px}.developer-theme-toggle>button{padding:5px 6px}.developer-theme-toggle>button>span,.developer-both-themes>span{display:none}.developer-demo-header{gap:var(--dev-space-2);flex-wrap:wrap}.developer-demo-nav{margin-left:auto}.developer-demo-brand{max-width:100%;font-size:12px}.developer-demo-grid{grid-template-columns:minmax(0,1fr)}.developer-demo-intro h2{font-size:var(--dev-text-2xl)}.developer-demo-card{padding:var(--dev-space-4)}.developer-demo-project-copy{margin-block:var(--dev-space-3)}.developer-demo-chart{height:110px}.developer-demo-palette code{font-size:8px}.developer-demo-footer{gap:5px;font-size:8px}.developer-demo-footer b{margin:0 2px}.developer-demo-footer>span:last-child{text-align:right}.developer-preview-caption{gap:7px;padding:10px 12px}.developer-preview-caption>span:first-child{font-size:8px}.developer-preview-caption>span:last-child{max-width:100px}.developer-token-panel{padding:20px 14px 0}.developer-catalog-heading{gap:7px}.developer-catalog-heading h3{font-size:17px}.developer-subtle-button{padding:6px 7px;font-size:9px}.developer-contrast-summary>div{grid-template-columns:1fr;padding:10px}.developer-contrast-summary>div>span:first-child{grid-column:auto;font-size:8px}.developer-contrast-summary strong{font-size:16px}.developer-contrast-rating{font-size:8px}.developer-contrast-note{margin-bottom:17px;font-size:8px}.developer-token-search{flex-basis:100%;max-width:none}.developer-token-groups{justify-content:space-between;width:100%}.developer-token-groups>button{padding:6px 7px;font-size:9px}.developer-token-table thead th:first-child{width:52%}.developer-token-table thead th,.developer-token-table tbody th,.developer-token-table tbody td{padding:8px}.developer-token-table thead th:last-child{width:33px}.developer-token-name{gap:6px}.developer-token-name code,.developer-token-value{font-size:9px}.developer-token-swatch{border-radius:4px;width:14px;height:14px}.developer-token-copy{width:23px;height:26px}.developer-catalog-footer{font-size:8px}.developer-code-format{padding:15px 13px;display:block}.developer-code-format>label{display:block}.developer-code-format>p{max-width:none;padding-top:7px;font-size:9px}.developer-code-workspace{flex-direction:column;display:flex}.developer-file-list{border-bottom:1px solid #e6dcec;border-right:0;align-items:center;gap:4px;padding:8px;display:flex;overflow:auto}.developer-file-list-heading{display:none}.developer-file-list>button{flex:none;width:auto;max-width:175px;margin:0;padding:7px 8px;font-size:9px}.developer-code-scroll{min-height:350px;max-height:450px}.developer-code-scroll pre{font-size:9px}.developer-line-number{width:35px;padding-right:10px;font-size:8px}.developer-code-note{align-items:flex-start;gap:8px;padding:12px}.developer-code-note>svg{margin-top:3px}.developer-code-note p{font-size:9px}.developer-code-note button{min-height:22px;padding:0 0 0 2px;font-size:9px}}@media (prefers-reduced-motion:reduce){.developer-preview *{scroll-behavior:auto!important}.developer-demo-switch>span,.developer-demo-chart>span,.developer-demo-progress>span{transition:none}}.developer-editor-tabs{flex:none}.developer-editor-tabs>button{padding-inline:6px;font-size:11px}.developer-editor{scrollbar-gutter:stable;min-width:0}.developer-editor .section-heading h3{font-size:15px;line-height:1.4}.developer-editor .control-description{margin-bottom:15px}.developer-editor .slider-control{grid-template-columns:88px minmax(25px,1fr) 56px;gap:9px;min-height:43px}.developer-editor .slider-control>label{white-space:normal;font-size:11px;line-height:1.4}.developer-editor .color-field{grid-template-columns:24px minmax(0,1fr) 75px;gap:8px;font-size:11px}.developer-editor .color-field>span{min-width:0;line-height:1.4}.developer-editor .color-well{border-radius:6px;width:24px;height:24px}.developer-editor .hex-input{width:75px;min-width:0;font-size:10px}.developer-choice-segment{background:#f7f4f9;border:1px solid #e5deea;border-radius:8px;gap:3px;margin:13px 0;padding:3px;display:flex}.developer-choice-segment>button{color:#8d7b99;border:1px solid #0000;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:34px;padding:7px 5px;font-size:10px;line-height:1.4;display:flex}.developer-choice-segment>button[aria-pressed=true]{color:#78479b;background:#fff;border-color:#e0d5e9;box-shadow:0 1px 3px #44215c06}.developer-choice-segment>button:hover{color:#744d8d}.developer-choice-segment svg{flex:none}.developer-linked-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:16px 0 6px;display:grid}.developer-linked-palette>div{flex-direction:column;align-items:center;gap:7px;min-width:0;display:flex}.developer-linked-palette>div>span{border-radius:5px;width:100%;height:29px;display:block;box-shadow:inset 0 0 0 1px #17101e0a}.developer-linked-palette code{color:#95849f;white-space:nowrap;max-width:100%;font:8px/1.3 ui-monospace,SFMono-Regular,monospace}.developer-editor-link{color:#855a9f;text-align:left;background:#fbf8fd;border:1px solid #e0d6e8;border-radius:6px;justify-content:space-between;align-items:center;gap:7px;width:100%;min-height:35px;margin:15px 0 5px;padding:8px 10px;font-size:10px;line-height:1.5;display:flex}.developer-editor-link:hover{color:#754092;background:#f7f0fc;border-color:#c5a7d8}.developer-editor-link>svg{flex:none}.developer-palette-choice{justify-content:space-between;align-items:center;gap:10px;margin:19px 0;display:flex}.developer-palette-choice>span{color:#75647f;font-size:11px}.developer-palette-choice>div{gap:5px;display:flex}.developer-palette-choice button{color:#a391ad;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:4px;min-width:29px;padding:3px 3px 4px;display:flex;position:relative}.developer-palette-choice button>span{border:1px solid #15101b0a;border-radius:3px;width:22px;height:19px}.developer-palette-choice button>small{font-size:8px;line-height:1.2}.developer-palette-choice button>svg{color:#805294;position:absolute;bottom:3px;right:2px}.developer-palette-choice button[aria-pressed=true]{color:#78469a;background:#f6edfc;border-color:#c7a5de}.developer-palette-choice button[aria-pressed=true]>small{visibility:hidden}.developer-palette-choice button:hover{background:#faf6fd;border-color:#d7c4e4}.developer-editor-field{flex-direction:column;gap:7px;min-width:0;margin:17px 0;display:flex}.developer-editor-field:first-child{margin-top:4px}.developer-editor-field:last-child{margin-bottom:0}.developer-editor-field>label{color:#786584;font-size:11px;font-weight:500;line-height:1.4}.developer-editor-field>input,.developer-editor-field>select{color:#493751;background:#fff;border:1px solid #ded5e7;border-radius:6px;outline:none;width:100%;min-width:0;padding:9px 10px;font:12px/1.5 Arial,Helvetica,sans-serif;display:block}.developer-editor-field>select{-webkit-appearance:auto;appearance:auto;padding-inline:8px}.developer-editor-field>input:hover,.developer-editor-field>select:hover{border-color:#ceb8de}.developer-editor-field>input:focus,.developer-editor-field>select:focus{border-color:#ab7acc;box-shadow:0 0 0 2px #b681d21a}.developer-field-hint{color:#92809d;margin:9px 0;font-size:10px;line-height:1.65}.developer-editor-field>.developer-field-hint{margin:0}.developer-count{color:#9a80ab;white-space:nowrap;font:9px/1.4 Arial,Helvetica,sans-serif}.developer-role-control{border-bottom:1px solid #eee7f2;padding:10px 0 9px}.developer-role-control .color-field{min-height:30px;margin:0}.developer-role-meta{color:#b2a1bd;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:3px 0 0 32px;font-size:8px;line-height:1.4;display:flex}.developer-role-meta>code{overflow-wrap:anywhere;color:#a28eaf;min-width:0;font:9px/1.5 ui-monospace,SFMono-Regular,monospace}.developer-role-meta>span{flex:none}.developer-role-meta>button{color:#9674ad;flex:none;align-items:center;gap:4px;min-height:20px;padding:2px 0 2px 4px;font-size:9px;display:flex}.developer-role-meta>button:hover{color:#703e91}.developer-contrast-pairs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0 10px;display:grid}.developer-contrast-pairs>span{background:#faf7fc;border:1px solid #ebe1f0;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:10px 9px;display:flex}.developer-contrast-pairs small{color:#967ea6;max-width:42px;font-size:9px;line-height:1.45}.developer-contrast-pairs strong{color:#745882;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.developer-contrast-pairs em{color:#a18aaf;margin-left:1px;font-size:9px;font-style:normal}.developer-role-details{margin-top:8px}.developer-role-details>summary{cursor:pointer;color:#805d93;justify-content:space-between;align-items:center;gap:8px;padding:13px 0;font-size:11px;list-style:none;display:flex}.developer-role-details>summary::-webkit-details-marker{display:none}.developer-role-details>summary>span{color:#b29bbf;align-items:center;gap:7px;font-size:9px;display:flex}.developer-role-details>summary svg{transition:transform .15s}.developer-role-details[open]>summary svg{transform:rotate(180deg)}.developer-type-sample{color:#5a426c;background:#faf7fc;border:1px solid #e9e0f0;border-radius:9px;align-items:center;gap:16px;margin:16px 0 20px;padding:17px;display:flex}.developer-type-sample>span{letter-spacing:-2px;font-size:40px;line-height:1}.developer-type-sample>div{flex-direction:column;gap:6px;min-width:0;display:flex}.developer-type-sample strong{color:#715981;font:500 11px/1.4 Arial,Helvetica,sans-serif}.developer-type-sample small{color:#a08bab;font:9px/1.5 Arial,Helvetica,sans-serif}.developer-type-steps{border-block:1px solid #ede6f2;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:17px 0 1px;padding:11px 0;display:grid}.developer-type-steps>div{flex-direction:column;align-items:center;gap:7px;display:flex}.developer-type-steps span{color:#a48eaf;font-size:9px}.developer-type-steps code{color:#785b8b;font:9px/1.3 ui-monospace,SFMono-Regular,monospace}.developer-spacing-sample{background:#faf7fc;border:1px solid #ebe3f1;border-radius:7px;justify-content:space-between;align-items:flex-end;gap:12px;margin:15px 0 4px;padding:14px;display:flex}.developer-spacing-sample>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.developer-spacing-sample span{background:#cbb3df;border:1px solid #bca0d1;border-radius:3px;max-width:100%;height:16px}.developer-spacing-sample code{color:#a18aaf;font:9px/1.4 ui-monospace,SFMono-Regular,monospace}.developer-shadow-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:15px 0;display:grid}.developer-shadow-options>button{color:#9b84aa;background:#fcfaff;border:1px solid #e3d9ec;border-radius:7px;flex-direction:column;align-items:center;gap:14px;padding:18px 5px 11px;display:flex;position:relative}.developer-shadow-options>button[aria-pressed=true]{color:#81549e;background:#f7effc;border-color:#c19fd8}.developer-shadow-options>button:hover{border-color:#c4a4d8}.developer-shadow-options>button>strong{font-size:10px;font-weight:500}.developer-shadow-options>button>svg{position:absolute;top:7px;right:7px}.developer-shadow-tile{background:#fff;border:1px solid #ded2e6;border-radius:4px;width:31px;height:24px}.developer-shadow-soft{box-shadow:0 5px 13px #8e73a22b}.developer-shadow-crisp{box-shadow:0 3px #8e73a24d}.developer-namespace-example{overflow-wrap:anywhere;color:#9c77b4;background:#f9f6fc;border:1px solid #e6deed;border-radius:5px;max-width:100%;padding:8px 10px;font:10px/1.5 ui-monospace,SFMono-Regular,monospace;display:block}.developer-format-description{background:#faf6fd;border:1px solid #e7dcef;border-radius:8px;align-items:flex-start;gap:11px;margin:15px 0 12px;padding:13px;display:flex}.developer-format-description>svg{color:#a784bd;flex:none;margin-top:2px}.developer-format-description strong{color:#785887;font-size:11px;font-weight:500;line-height:1.5}.developer-format-description p{color:#a08bac;margin:5px 0 0;font-size:10px;line-height:1.65}.developer-package-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0;display:grid}.developer-package-facts>span{color:#9579a7;align-items:center;gap:7px;font-size:9px;line-height:1.5;display:flex}.developer-package-facts svg{color:#b196c1;flex:none}.developer-editor-actions{border-top:1px solid #e8dfee;flex:none;margin-top:8px;padding-top:15px}.developer-editor-actions>.button{gap:8px;min-height:39px;font-size:11px;display:flex}.developer-editor-actions>.button>span{opacity:.65;margin-left:auto;font-size:8px;font-weight:400}.developer-editor-reset{color:#a38caf;justify-content:center;align-items:center;gap:6px;width:100%;min-height:25px;margin-top:7px;font-size:9px;display:flex}.developer-editor-reset:hover{color:#79508f}:is(.developer-editor button:focus-visible,.developer-editor summary:focus-visible,.developer-editor-tabs>button:focus-visible){outline-offset:3px;outline:2px solid #a978cf}.developer-export-panel{min-width:0}.developer-export-identity{background:#fbf8fd;border:1px solid #e5dbea;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;margin:20px 0 12px;padding:16px;display:flex}.developer-export-identity>div{flex-direction:column;gap:6px;min-width:0;display:flex}.developer-export-identity strong{color:#674876;overflow-wrap:anywhere;font-size:13px;font-weight:550;line-height:1.5}.developer-export-identity code{color:#a287b1;overflow-wrap:anywhere;font:10px/1.4 ui-monospace,SFMono-Regular,monospace}.developer-export-identity>span{color:#a089ad;text-align:right;font-size:10px;line-height:1.5}.developer-export-facts{flex-wrap:wrap;gap:7px;margin:12px 0 23px;display:flex}.developer-export-facts>span{color:#9d84ad;border:1px solid #e8dfee;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;display:flex}.developer-export-format{flex-direction:column;gap:7px;min-width:0;margin:20px 0;display:flex}.developer-export-format>label{color:#7b628b;font-size:11px;font-weight:500}.developer-export-format>select{color:#634674;background:#fff;border:1px solid #dcd0e5;border-radius:7px;width:100%;min-width:0;padding:10px;font:12px/1.5 Arial,Helvetica,sans-serif}.developer-export-format>p{color:#9c87a9;margin:1px 0 0;font-size:11px;line-height:1.65}.developer-export-file-heading{justify-content:space-between;align-items:center;gap:12px;margin:20px 0 10px;display:flex}.developer-export-file-heading h4{color:#7a5c8b;font-size:11px;font-weight:550}.developer-export-file-heading>span{color:#b099bd;font-size:9px}.developer-export-file-list{border:1px solid #e7deed;border-radius:8px;margin:0;padding:0;list-style:none;overflow:hidden}.developer-export-file-list>li+li{border-top:1px solid #eee7f3}.developer-export-file-list button{text-align:left;color:#ab93b9;background:#fff;align-items:center;gap:10px;width:100%;min-width:0;padding:12px;display:flex}.developer-export-file-list button:hover:not(:disabled){background:#fcf8ff}.developer-export-file-list button[aria-pressed=true]{color:#9871b1;background:#f7f0fc}.developer-export-file-list button>svg{flex:none}.developer-export-file-list button>span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.developer-export-file-list strong{color:#7e608e;overflow-wrap:anywhere;font:10px/1.6 ui-monospace,SFMono-Regular,monospace}.developer-export-file-list small{color:#a68fb4;overflow-wrap:anywhere;font-size:9px;line-height:1.6}.developer-export-file-list button>code{color:#b19bbd;flex:none;font:9px/1.5 ui-monospace,SFMono-Regular,monospace}.developer-export-individual{flex-direction:column;gap:10px;margin:13px 0 20px;display:flex}.developer-export-individual>p{color:#b09abd;margin:0;font-size:9px;line-height:1.6}.developer-export-individual>p>code{color:#9878aa;overflow-wrap:anywhere;font:9px/1.6 ui-monospace,SFMono-Regular,monospace}.developer-export-individual>div{gap:8px;display:flex}.developer-export-individual .button{flex:1;min-height:34px;padding:8px 10px;font-size:10px}.developer-export-package-note{border-top:1px solid #e9e0ef;align-items:flex-start;gap:10px;margin:20px 0;padding-top:19px;display:flex}.developer-export-package-note>svg{color:#b294c3;flex:none;margin-top:2px}.developer-export-package-note>p{color:#9b82ab;margin:0;font-size:11px;line-height:1.75}.developer-export-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.developer-export-actions>.button{min-height:42px;padding:10px 9px;font-size:11px}:is(.developer-export-panel button:focus-visible,.developer-export-panel select:focus-visible){outline-offset:3px;outline:2px solid #a978cf}.developer-export-panel button:disabled,.developer-export-panel select:disabled{opacity:.5;cursor:default}@media (max-width:1200px){.developer-editor .slider-control{grid-template-columns:78px minmax(25px,1fr) 53px;gap:7px}.developer-palette-choice{gap:6px}.developer-palette-choice>div{gap:3px}.developer-palette-choice button{min-width:27px}}@media (max-width:760px){.developer-editor-tabs>button{font-size:12px}.developer-editor-field>input,.developer-editor-field>select{font-size:13px}.developer-editor .slider-control{grid-template-columns:98px minmax(32px,1fr) 56px;gap:12px}.developer-editor .slider-control>label,.developer-editor .color-field{font-size:12px}.developer-choice-segment>button{min-height:39px;font-size:11px}.developer-editor-actions{margin-bottom:12px}.developer-export-actions{grid-template-columns:1fr}.developer-linked-palette code{font-size:9px}.developer-field-hint{font-size:11px}.developer-export-file-list button{gap:8px;padding:11px 9px}.developer-export-file-list button>code{display:none}}@media (prefers-reduced-motion:reduce){.developer-role-details>summary svg{transition:none}}:is(.studio-surface .studio-layout:has(>.space-studio),.studio-surface .studio-layout:has(>.screen-editor)){display:block}.space-studio{--space-purple:#7733d9;--space-ink:#34293f;--space-muted:#93869b;height:calc(100svh - var(--studio-header-height,60px) - var(--studio-shell-gap,12px)*2 - 2px);min-height:440px;color:var(--space-ink);background:#fff;border-radius:0 0 15px 15px;flex-direction:column;display:flex;position:relative;overflow:hidden}.space-toolbar{z-index:5;background:#fff;border-bottom:1px solid #e8e3eb;justify-content:space-between;align-items:center;gap:20px;height:77px;min-height:77px;padding:0 25px;display:flex}.space-board-heading{align-items:center;gap:12px;min-width:0;display:flex}.space-board-mark{color:#8d61b4;background:#f9f5fd;border:1px solid #e8e1ef;border-radius:10px;flex:none;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.space-board-title{flex-direction:column;gap:5px;min-width:0;display:flex}.space-board-title input{letter-spacing:-.25px;color:#3f334b;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:5px;width:clamp(120px,19vw,280px);max-width:100%;margin:-3px -6px 0;padding:2px 5px;font-family:inherit;font-size:14px;font-weight:550;line-height:1.2}.space-board-title input:hover{border-color:#e9e0ee}.space-board-title input:focus{background:#fbf9fd;border-color:#cbb4e8;outline:none;box-shadow:0 0 0 2px #7733d908}.space-board-title>span{color:#9a8fa2;font-size:10px}.space-toolbar-actions{flex:none;align-items:center;gap:11px;display:flex}.space-history{gap:2px;margin-right:1px;display:flex}.space-icon-button{color:#877890;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;transition:background .14s,color .14s;display:inline-flex}.space-icon-button:hover:not(:disabled){color:#5c3b79;background:#f1ecf6}.space-icon-button:disabled{opacity:.3;cursor:default}.space-icon-button[data-active=true]{color:#7133bd;background:#eee5f9;box-shadow:inset 0 0 0 1px #7733d912}:is(.space-icon-button:focus-visible,.space-add-button:focus-visible){outline-offset:2px}.space-add-button{color:#fff;white-space:nowrap;cursor:pointer;background:#3e2b4f;border:1px solid #3e2b4f;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:35px;padding:8px 12px;font-size:11px;font-weight:500;line-height:1.35;display:inline-flex;box-shadow:0 2px 5px #36214610}.space-add-button:hover{background:#503660;border-color:#503660}.space-add-button>svg:last-child:not(:first-child){opacity:.6;margin-left:2px}.space-viewport{touch-action:none;isolation:isolate;cursor:default;-webkit-user-select:none;user-select:none;overscroll-behavior:none;outline:none;flex:1;min-height:0;position:relative;overflow:hidden}.space-viewport:focus-visible{box-shadow:inset 0 0 0 2px #ae85d44d}.space-viewport[data-tool=hand]{cursor:grab}.space-viewport[data-interaction=pan],.space-viewport[data-interaction=pinch]{cursor:grabbing}.space-viewport.is-drop-target:after{content:"";pointer-events:none;z-index:10;background:#9458bd05;border:1.5px dashed #9269c8;border-radius:10px;position:absolute;inset:10px}.space-scene{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;inset:0 auto auto 0}.space-item{cursor:move;isolation:isolate;touch-action:none;outline:none;position:absolute}.space-item-artwork{border-radius:calc(2px / var(--space-zoom));width:100%;height:100%;box-shadow:0 calc(2px / var(--space-zoom)) calc(5px / var(--space-zoom)) #2a19330a,0 calc(7px / var(--space-zoom)) calc(22px / var(--space-zoom)) #2a19330a,0 0 0 calc(1px / var(--space-zoom)) #3824460d;pointer-events:none;background:#fff;position:relative;overflow:hidden}.space-item-artwork>img,.space-item-artwork>canvas,.space-item-artwork>svg{object-fit:contain;width:100%;height:100%;display:block}.space-item-artwork>.space-item-preview{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.space-item-artwork>.space-item-preview img{object-fit:contain;width:100%;height:100%;display:block}.space-item[data-transparent-frame=true] .space-item-artwork{box-shadow:none;background:0 0}.space-item[data-transparent-frame=true] .space-item-artwork img{filter:drop-shadow(0 calc(3px / var(--space-zoom)) calc(8px / var(--space-zoom)) #2a193313)}.space-item-placeholder button{pointer-events:auto}.space-item:hover .space-item-artwork{box-shadow:0 0 0 calc(1px / var(--space-zoom)) #bba9cb,0 calc(7px / var(--space-zoom)) calc(22px / var(--space-zoom)) #2a193314}:is(.space-item.is-selected .space-item-artwork,.space-item:focus-visible .space-item-artwork){outline:calc(1.5px / var(--space-zoom)) solid #8b52cb;outline-offset:calc(1px / var(--space-zoom));box-shadow:0 calc(7px / var(--space-zoom)) calc(22px / var(--space-zoom)) #2a193312}.space-item-label{bottom:calc(100% + 9px / var(--space-zoom));align-items:center;gap:calc(6px / var(--space-zoom));width:100%;font-size:calc(10px / var(--space-zoom));color:#8b7e92;white-space:nowrap;font-weight:450;line-height:1.3;display:flex;position:absolute;left:0}.space-item-label>svg{width:calc(12px / var(--space-zoom));height:calc(12px / var(--space-zoom));opacity:.85;flex:none}.space-item-label>span{text-overflow:ellipsis;overflow:hidden}.space-item-label .space-item-lock{width:calc(10px / var(--space-zoom));height:calc(10px / var(--space-zoom));opacity:.7;margin-left:auto}.space-item.is-selected .space-item-label{color:#8151a8}.space-item.is-locked{cursor:default}.space-viewport[data-tool=hand] .space-item{cursor:grab}.space-viewport[data-interaction=pan] .space-item,.space-viewport[data-interaction=pinch] .space-item{cursor:grabbing}.space-viewport[data-dark=true] .space-item-label{color:#c5b5d3}.space-viewport[data-dark=true] .space-item.is-selected .space-item-label{color:#d5b7f4}.space-resize-handle{width:calc(8px / var(--space-zoom));height:calc(8px / var(--space-zoom));border:calc(1.5px / var(--space-zoom)) solid #8b52cb;border-radius:calc(1px / var(--space-zoom));z-index:3;touch-action:none;background:#fff;position:absolute}.space-resize-handle:before{content:"";inset:calc(-6px / var(--space-zoom));position:absolute}.space-resize-nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.space-resize-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.space-resize-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.space-resize-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.space-selection-bounds{pointer-events:none;outline:calc(1px / var(--space-zoom)) dashed #ae79da;outline-offset:calc(5px / var(--space-zoom));z-index:5;position:absolute}.space-marquee{border:calc(1px / var(--space-zoom)) solid #9060c3;pointer-events:none;z-index:6;background:#9562bf15;position:absolute}.space-canvas-tools,.space-zoom-controls,.space-selection-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:8;cursor:default;background:#ffffffed;border:1px solid #e4dce9;border-radius:9px;align-items:center;padding:4px;display:flex;position:absolute;box-shadow:0 3px 12px #33203c0a,0 1px 3px #33203c04}.space-canvas-tools{gap:3px;top:18px;left:18px}.space-canvas-tools .space-icon-button{width:35px;height:35px}.space-zoom-controls{border-radius:8px;gap:1px;padding:3px;bottom:18px;right:18px}.space-zoom-controls .space-icon-button{width:29px;min-width:29px;height:29px}.space-zoom-value{font-variant-numeric:tabular-nums;color:#7f6e8a;border-radius:5px;justify-content:center;align-items:center;gap:1px;min-width:49px;height:28px;font-size:10px;display:flex}.space-zoom-value:hover{background:#f1edf5}.space-zoom-value span{color:#b0a2b9;font-size:9px}.space-toolbar-divider{background:#e9e1ee;flex:none;width:1px;height:17px;margin:0 4px}.space-selection-toolbar{white-space:nowrap;gap:1px;max-width:calc(100% - 42px);padding:4px 6px;bottom:18px;left:50%;transform:translate(-50%)}.space-selection-name{color:#6a557a;border-radius:5px;align-items:center;gap:8px;min-width:0;max-width:150px;height:30px;padding:0 8px;font-size:10px;display:flex}.space-selection-name:hover{background:#f5effa}.space-selection-name>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.space-selection-name>svg{color:#a597b0;flex:none}.space-selection-toolbar .space-icon-button{width:30px;min-width:30px;height:30px}.space-edit-button{color:#764999;border-radius:5px;align-items:center;gap:7px;height:30px;padding:0 8px;font-size:10px;font-weight:500;display:flex}.space-edit-button:hover:not(:disabled){background:#f0e7fa}.space-edit-button:disabled{opacity:.35;cursor:default}.space-selection-toolbar .space-delete:hover:not(:disabled){color:#b84966;background:#fcf0f4}.space-selection-more{display:none}.space-statusbar{color:#a094a7;z-index:5;background:#fdfcfe;border-top:1px solid #e8e3eb;justify-content:space-between;align-items:center;gap:12px;height:33px;min-height:33px;padding:0 21px;font-size:9px;display:flex}.space-statusbar>span,.space-statusbar>div{white-space:nowrap;align-items:center;gap:7px;display:flex}.space-status-dot{background:#b4a3c0;border-radius:50%;width:4px;height:4px}.space-status-separator{color:#c8becf}.space-gesture-hint{color:#a69aaf;align-items:center;gap:9px;font-size:9px;display:flex}.space-gesture-hint>span{color:#d2c9d8}.space-help{color:#b0a3ba;border-radius:5px;justify-content:center;align-items:center;width:26px;height:25px;margin-left:4px;display:flex}.space-help:hover{color:#86649d;background:#f1ebf7}.space-empty{text-align:center;cursor:default;width:min(440px,100% - 44px);position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.space-empty-illustration{pointer-events:none;width:145px;height:105px;margin:0 auto 23px;position:relative}.space-empty-card{background:#fff;border:1px solid #e9e0ee;border-radius:5px;position:absolute;box-shadow:0 5px 20px #573e6d0c}.space-empty-card-back{align-items:flex-end;gap:5px;width:86px;height:64px;padding:12px;display:flex;top:4px;left:15px;transform:rotate(-10deg)}.space-empty-card-back>span{opacity:.55;background:#9c6ac8;border-radius:2px;width:13px;height:18px}.space-empty-card-back>span:nth-child(2){opacity:.6;background:#e6b678;height:29px}.space-empty-card-back>span:nth-child(3){opacity:.6;background:#70b9ba;height:23px}.space-empty-card-front{color:#a57bca;background:linear-gradient(130deg,#fff,#faf6fd);justify-content:center;align-items:center;width:101px;height:66px;display:flex;bottom:5px;right:4px;transform:rotate(7deg)}.space-empty-plus{color:#9e7db9;background:#eee5f8;border:1px solid #e3d6ee;border-radius:6px;justify-content:center;align-items:center;width:23px;height:23px;display:flex;position:absolute;top:1px;right:0}.space-empty-eyebrow{letter-spacing:1.65px;color:#a28caf;font-size:8px;font-weight:550}.space-empty h1{letter-spacing:-1px;color:#5d426e;margin:10px 0;font-size:29px;font-weight:500;line-height:1.25}.space-empty>p{color:#a18eac;max-width:345px;margin:0 auto 22px;font-size:11px;line-height:1.85}.space-empty>.space-add-button{background:#74518d;border-color:#74518d;min-height:37px;padding-inline:15px;font-size:11px;box-shadow:0 3px 9px #3a1f5010}.space-empty>.space-add-button:hover{background:#604274;border-color:#604274}.space-empty-suggestions{color:#baa9c3;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:9px;display:flex}.space-empty-suggestions>span{margin-right:3px}.space-empty-suggestions>button{color:#9a80ac;background:#ffffff80;border:1px solid #e7dcec;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:9px;display:flex}.space-empty-suggestions>button:hover{color:#77508e;background:#fff;border-color:#c8acd9}.space-viewport[data-dark=true] .space-empty h1{color:#e6d5f1}.space-viewport[data-dark=true] .space-empty>p{color:#af9abb}.space-viewport[data-dark=true] .space-empty-eyebrow{color:#a68ab8}.space-viewport[data-dark=true] .space-empty-suggestions>button{color:#c7a7dd;background:#292130;border-color:#4a3758}.space-drop-message{color:#fff;pointer-events:none;z-index:11;background:#775193;border:1px solid #9873b3;border-radius:10px;align-items:center;gap:10px;padding:15px 20px;font-size:12px;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #3a1d581a}.space-popover{z-index:15;color:#6b537d;cursor:default;overscroll-behavior:contain;background:#fff;border:1px solid #e3d9eb;border-radius:12px;max-height:calc(100% - 105px);position:absolute;overflow:auto;box-shadow:0 12px 35px #38224717,0 3px 8px #38224705}.space-popover-heading{justify-content:space-between;align-items:flex-start;gap:10px;padding:19px 18px 16px;display:flex}.space-popover-heading h2{letter-spacing:-.2px;color:#5c416e;font-size:14px;font-weight:550;line-height:1.4}.space-popover-heading p{color:#a38daf;margin-top:5px;font-size:10px;line-height:1.5}.space-popover-heading>.space-icon-button{color:#b6a5c2;width:25px;min-width:25px;height:25px;margin:-2px -4px 0 0}.space-insert-panel{flex-direction:column;width:380px;display:flex;top:67px;right:25px;overflow:hidden}.space-insert-search{color:#b39ac3;background:#fcfafe;border:1px solid #e5dcec;border-radius:6px;flex:none;align-items:center;gap:8px;margin:0 18px 13px;padding:8px 10px;display:flex}.space-insert-search:focus-within{border-color:#c3a8d6;box-shadow:0 0 0 2px #9a6ec509}.space-insert-search input{color:#7b5a91;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:11px;line-height:1.4}.space-insert-search input::placeholder{color:#b2a0bd}.space-insert-search input:focus-visible{outline:none}.space-insert-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e2d7eb transparent;min-height:0;padding:0 10px 12px;overflow:auto}.space-insert-group+.space-insert-group{margin-top:14px}.space-insert-group h3{color:#b4a0c1;text-transform:uppercase;letter-spacing:1.2px;margin:5px 10px 8px;font-size:8px;font-weight:600}.space-insert-group>div{grid-template-columns:1fr 1fr;gap:3px 4px;display:grid}.space-insert-choice{text-align:left;cursor:grab;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;min-width:0;padding:9px 7px;display:flex}.space-insert-choice:hover{background:#fbf7fe;border-color:#ede3f4}.space-insert-choice:active{cursor:grabbing}.space-insert-icon{color:#a484bb;background:#f9f6fc;border:1px solid #e8e0ef;border-radius:7px;flex:none;justify-content:center;align-items:center;width:30px;height:33px;display:flex}.space-insert-choice>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.space-insert-choice strong{color:#6d517f;white-space:nowrap;font-size:10px;font-weight:500}.space-insert-choice small{color:#b29bbe;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.4;overflow:hidden}.space-insert-choice>svg{color:#c5b1d2;opacity:0;flex:none;width:11px;margin-left:auto;transition:opacity .1s}:is(.space-insert-choice:hover>svg,.space-insert-choice:focus-visible>svg){opacity:1}.space-insert-footer{color:#b59fc3;background:#fdfbff;border-top:1px solid #eee6f3;flex:none;align-items:center;gap:7px;padding:11px 19px;font-size:9px;display:flex}.space-insert-footer>span:last-child{font-variant-numeric:tabular-nums;color:#c1accd;margin-left:auto}.space-no-results{color:#a58bb6;text-align:center;padding:30px 15px;font-size:11px}.space-board-panel{width:300px;top:67px;right:123px}.space-setting{color:#80648f;border-block:1px solid #f1eaf6;justify-content:space-between;align-items:center;padding:12px 19px;font-size:11px;display:flex}.space-switch{background:#e2d8e9;border-radius:12px;align-items:center;width:28px;height:16px;padding:2px;transition:background .12s;display:flex;position:relative}.space-switch>span{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .12s;box-shadow:0 1px 3px #5032641a}.space-switch[aria-checked=true]{background:#9b70be}.space-switch[aria-checked=true]>span{transform:translate(12px)}.space-background-setting{color:#80648f;padding:17px 19px 18px;font-size:11px}.space-background-swatches{align-items:center;gap:7px;margin-top:11px;display:flex}.space-background-swatches>button,.space-custom-color{cursor:pointer;border:1px solid #e0d4e8;border-radius:6px;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;display:flex;position:relative}.space-background-swatches>button[aria-pressed=true]{outline-offset:2px;outline:1.5px solid #b38bce}.space-background-swatches>span{color:#b5a2c1;letter-spacing:.1px;margin-left:4px;font-family:monospace;font-size:8px}.space-custom-color{color:#ad92bf;background:#fcf9ff;border-style:dashed}.space-custom-color input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.space-custom-color:focus-within{outline:2px solid var(--space-purple);outline-offset:3px}.space-board-panel-actions,.space-item-panel-actions{border-top:1px solid #f0e7f5;padding:9px 10px}.space-menu-action{color:#8c6b9e;text-align:left;border-radius:6px;align-items:center;gap:9px;width:100%;padding:9px;font-size:11px;display:flex}.space-menu-action>svg{color:#af91c2;flex:none}.space-menu-action>span{color:#bba7c8;margin-left:auto;font-size:9px}.space-menu-action:hover:not(:disabled){color:#714389;background:#f8f2fc}.space-menu-action:disabled{opacity:.4;cursor:default}.space-panel-footnote{color:#b09abd;background:#fdfaff;border-top:1px solid #f0e7f5;padding:12px 19px 15px;font-size:9px;line-height:1.7}.space-item-panel{width:290px;bottom:103px;left:50%;transform:translate(-50%)}.space-field{color:#a589b7;flex-direction:column;gap:7px;margin:0 18px 15px;font-size:10px;display:flex}.space-field input{color:#81628f;background:#fffdff;border:1px solid #e5d8ee;border-radius:5px;width:100%;padding:8px 9px;font-size:11px;line-height:1.3}.space-field input:focus{border-color:#bfa1d1;outline:none;box-shadow:0 0 0 2px #af85cf0d}.space-field input:disabled{opacity:.5}.space-size-fields{align-items:flex-end;gap:8px;margin:0 18px 17px;display:flex}.space-size-fields>.space-field{flex:1;min-width:0;margin:0}.space-size-fields .space-field>div{position:relative}.space-size-fields .space-field>div input{-webkit-appearance:textfield;appearance:textfield;padding-right:25px}.space-size-fields input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.space-size-fields .space-field>div>small{color:#baa3c8;pointer-events:none;font-size:8px;position:absolute;top:10px;right:8px}.space-ratio-lock{color:#c7b1d4;align-items:center;height:32px;padding-inline:1px;display:flex}.space-help-panel{width:330px;bottom:44px;right:17px}.space-help-panel dl{padding:0 20px 14px}.space-help-panel dl>div{color:#ad91bf;justify-content:space-between;align-items:center;gap:12px;margin:9px 0;font-size:10px;display:flex}.space-help-panel dd{color:#b6a0c4;white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:flex}.space-help-panel kbd{text-align:center;color:#9c7cae;background:#fdfaff;border:1px solid #e6dbee;border-radius:4px;min-width:20px;padding:3px 5px;font-family:inherit;font-size:9px;line-height:1.3}.studio-surface .app-header .add-to-space-button{color:#86738f;height:34px;min-height:34px;box-shadow:none;background:#fff;border-color:#e5ddea;border-radius:7px;gap:7px;padding:7px 11px;font-size:10px}.studio-surface .app-header .add-to-space-button:hover{color:#71458c;background:#fcf9ff;border-color:#cbb6dc}.space-edit-banner{color:#8b6c9e;background:#f6f0fc;border-bottom:1px solid #e6d9ef;align-items:center;gap:17px;padding:13px 25px;display:flex}.space-edit-banner>.button{border-radius:6px;gap:7px;min-height:31px;padding:7px 10px;font-size:10px}.space-edit-banner>.button-secondary{color:#8a639f;background:#fff;border-color:#decee9}.space-edit-banner>.button-primary{color:#fff;background:#7b5594;border-color:#7b5594;flex:none;margin-left:auto}.space-edit-banner>span{min-width:0;font-size:10px;line-height:1.5}.space-edit-banner strong{color:#79518f;font-weight:550}.space-edit-banner small{color:#b095bf;margin-top:2px;font-size:9px;display:block}.space-export-options{flex-direction:column;gap:11px;margin-top:20px;display:flex}.space-export-options>.button{text-align:left;white-space:normal;color:#9c7faf;background:#fefcff;border-color:#e4d9ec;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:5px 12px;width:100%;padding:17px;display:grid}.space-export-options>.button:hover:not(:disabled){background:#fcf7ff;border-color:#cbb2dc}.space-export-options>.button>svg:first-child{color:#b194c4;grid-area:1/1/3}.space-export-options>.button>strong{color:#7f5a93;grid-area:1/2;font-size:12px;font-weight:550}.space-export-options>.button>span{color:#ac92bc;grid-area:2/2;font-size:10px;line-height:1.6}.space-export-options>.button>svg:last-child{color:#bca3cb;grid-area:1/3/3}.space-export-options>.button:disabled{opacity:.5;cursor:default}.space-export-meta{color:#aa91ba;margin-top:16px;font-size:10px;line-height:1.8}@media (max-width:1150px){.space-selection-toolbar{bottom:67px}.space-item-panel{bottom:151px}.space-toolbar{padding-inline:20px}.space-insert-panel{right:20px}.space-board-panel{right:117px}}@media (max-width:760px){.space-studio{height:calc(100svh - var(--studio-header-height,56px));border-radius:0;min-height:360px}.space-toolbar{gap:8px;height:64px;min-height:64px;padding:0 14px}.space-board-heading{gap:9px}.space-board-mark{border-radius:8px;width:29px;height:29px}.space-board-mark svg{width:16px;height:16px}.space-board-title input{width:142px;font-size:12px}.space-board-title>span{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:8px;overflow:hidden}.space-toolbar-actions{gap:4px}.space-history{display:none}.space-board-options{width:29px;min-width:29px;height:29px}.space-add-button{gap:5px;min-height:32px;padding:7px 9px;font-size:10px}.space-add-button>svg{width:14px;height:14px}.space-add-button>svg:last-child:not(:first-child){display:none}.space-canvas-tools{gap:2px;padding:3px;top:13px;left:13px}.space-canvas-tools .space-icon-button{width:33px;min-width:33px;height:33px}.space-zoom-controls{bottom:13px;right:13px}.space-statusbar{height:31px;min-height:31px;padding:0 14px;font-size:8px}.space-statusbar>span{gap:6px}.space-gesture-hint{display:none}.space-help{margin-left:0}.space-empty{width:calc(100% - 48px);top:46%}.space-empty h1{letter-spacing:-.8px;margin-top:9px;font-size:25px}.space-empty>p{max-width:285px;margin-bottom:20px;font-size:10px;line-height:1.8}.space-empty-illustration{transform-origin:bottom;height:94px;margin-bottom:13px;transform:scale(.85)}.space-empty-eyebrow{letter-spacing:1.4px;font-size:7px}.space-empty-suggestions{gap:5px;margin-top:16px;font-size:8px}.space-empty-suggestions>button{padding:4px 5px;font-size:8px}.space-empty>.space-add-button{min-height:35px;font-size:10px}.space-selection-toolbar{gap:0;max-width:calc(100% - 26px);padding:4px;bottom:65px}.space-selection-name{max-width:95px;padding:0 6px;font-size:9px}.space-selection-toolbar .space-toolbar-divider{margin-inline:3px}.space-selection-toolbar .space-icon-button{width:29px;min-width:29px;height:32px}.space-edit-button{gap:5px;height:32px;padding-inline:7px;font-size:9px}.space-selection-export{display:none}.space-item-panel{max-height:calc(100% - 222px);bottom:146px}.space-insert-panel{width:min(380px,100% - 24px);max-height:calc(100% - 96px);top:56px;right:12px}.space-board-panel{max-width:calc(100% - 24px);top:56px;right:12px}.space-help-panel{max-width:calc(100% - 24px);bottom:41px;right:12px}.space-popover-heading{padding-top:16px}.space-insert-choice{padding-block:10px}.space-insert-choice>svg{display:none}.space-insert-group>div{gap:2px 4px}.space-insert-icon{width:31px;height:34px}.space-insert-choice strong{font-size:10px}.space-insert-choice small{font-size:8px}.studio-surface .app-header .add-to-space-button{height:32px;min-height:32px;padding:6px 9px;font-size:10px}.studio-surface .app-header .add-to-space-button>span{display:none}.space-edit-banner{gap:11px;padding:11px 15px}.space-edit-banner>.button{gap:5px;padding:6px 8px;font-size:9px}.space-edit-banner>span{font-size:9px}.space-edit-banner small{font-size:8px}.space-export-options>.button{column-gap:10px;padding:14px}}@media (max-width:440px){.space-board-title input{width:122px}.space-board-title>span{max-width:123px;font-size:7px}.space-toolbar-actions{gap:3px}.space-board-options{width:26px;min-width:26px}.space-toolbar{gap:6px;padding-inline:12px}.space-board-mark,.space-empty-suggestions>span{display:none}.space-empty h1{font-size:24px}.space-selection-name{max-width:76px}.space-selection-name svg{width:10px}.space-selection-toolbar .space-edit-button>span{display:none}.space-selection-toolbar .space-edit-button{justify-content:center;width:29px;padding:0}.space-selection-more{display:flex}.space-insert-choice strong{font-size:9px}.space-insert-choice{gap:7px;padding-inline:5px}}@media (max-height:680px){.space-empty-illustration{transform-origin:bottom;height:83px;margin-bottom:7px;transform:scale(.75)}.space-empty h1{font-size:24px}.space-empty>p{margin-bottom:14px}.space-empty-suggestions{margin-top:12px}.space-help-panel dl>div{margin-block:7px}}@media (prefers-reduced-motion:reduce){.space-icon-button,.space-insert-choice>svg,.space-switch,.space-switch>span{transition:none}}.space-new-screen-button{color:#6a4b7e;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e0d7e7;border-radius:7px;align-items:center;gap:7px;min-height:35px;padding:7px 11px;font-size:11px;display:inline-flex}.space-new-screen-button:hover{background:#f7f2fc;border-color:#d1bde2}.space-screen-presets{border-bottom:1px solid #eee7f2;padding:13px 17px 15px}.space-screen-presets h3{letter-spacing:.09em;color:#96869f;margin:0 0 4px;font-size:9px;font-weight:600}.space-screen-presets p{color:#9d8eaa;margin:0 0 12px;font-size:10px}.space-screen-presets>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.space-screen-presets button{cursor:pointer;text-align:left;color:#9675ad;background:#fcfafe;border:1px solid #e9e0ef;border-radius:8px;flex-direction:column;align-items:flex-start;gap:7px;padding:11px 8px;display:flex}.space-screen-presets button:hover{background:#f1e9fa;border-color:#cbb2e2}.space-screen-presets strong{color:#6e547e;font-size:10px;font-weight:500}.space-screen-presets small{color:#a292af;white-space:nowrap;font-size:8px}.space-screen-preview{position:absolute;inset:0;overflow:hidden}.space-screen-empty{color:#a597af;background:radial-gradient(circle,#e1dbe8 1px,#0000 1px) 50%/20px 20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.space-screen-empty strong{color:#735783;letter-spacing:-.2px;font-size:16px;font-weight:500}.space-screen-empty span{font-variant-numeric:tabular-nums;font-size:11px}.space-screen-empty small{margin-top:9px;font-size:10px}.screen-render-surface{position:relative}.screen-render-component{pointer-events:none;min-width:0;min-height:0;position:absolute}.screen-instance-preview{width:100%;min-width:0;height:100%;min-height:0;position:relative}.screen-instance-waiting{background:#aa91ba08;border-radius:4px;width:100%;height:100%}.screen-instance-preview .component-preview-loading{text-overflow:ellipsis;max-width:calc(100% - 12px);overflow:hidden;padding:3px 6px!important;font-size:8px!important;top:3px!important}.screen-instance-preview .component-preview-notes{display:none}.screen-editor{--screen-accent:#8550b4;--screen-border:#e8e1ed;--screen-muted:#9b8da6;height:calc(100svh - var(--studio-header-height,60px) - var(--studio-shell-gap,12px)*2 - 2px);color:#594666;background:#fcfbfd;border-radius:0 0 15px 15px;flex-direction:column;min-height:440px;display:flex;position:relative;overflow:hidden}.screen-editor-header{border-bottom:1px solid var(--screen-border);background:#fff;align-items:center;gap:13px;height:74px;min-height:74px;padding:0 22px;display:flex}.screen-editor-header [data-slot=button]{white-space:nowrap;font-size:11px}.screen-editor-header-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.screen-editor-heading{flex-direction:column;gap:3px;min-width:80px;display:flex}.screen-editor-heading>span{letter-spacing:.13em;color:#ad9bb8;font-size:8px;font-weight:550;line-height:1.2}.screen-editor-heading [data-slot=input]{height:24px;box-shadow:none;color:#54405f;text-overflow:ellipsis;background:0 0;border-color:#0000;border-radius:4px;max-width:230px;padding:0;font-size:13px;font-weight:550}.screen-editor-heading [data-slot=input]:focus{background:#fcf9ff;border-color:#d9c9e5;padding-left:5px}.screen-dimension-badge{color:#9b8aa8;white-space:nowrap;padding:5px 7px;font-size:9px;font-weight:400}.screen-editor [data-slot=toggle-group-item]{color:#8b7899;gap:5px;height:30px;font-size:10px}.screen-editor [data-slot=toggle-group-item][data-state=on]{color:#74468f;background:#f0e9f7}.screen-editor [data-slot=toggle-group-item] svg{width:13px;height:13px}.screen-history-actions{border-left:1px solid #ece5f1;gap:1px;padding-left:7px;display:flex}.screen-editor-body{flex:1;grid-template-columns:224px minmax(0,1fr) 255px;min-height:0;display:grid;overflow:hidden}.screen-library-panel,.screen-inspector{background:#fff;flex-direction:column;min-height:0;display:flex;overflow:hidden}.screen-library-panel{border-right:1px solid var(--screen-border)}.screen-inspector{border-left:1px solid var(--screen-border)}.screen-panel-tabs{border-bottom:1px solid #f0ebf4;padding:16px 12px 13px}.screen-panel-tabs [data-slot=toggle-group]{background:#f6f3f8;border-radius:7px;gap:2px;width:100%;padding:3px}.screen-panel-tabs [data-slot=toggle-group-item]{border-radius:4px;flex:1;min-width:0;height:27px;padding:0 7px;font-size:10px}.screen-panel-tabs [data-slot=toggle-group-item][data-state=on]{color:#725683;background:#fff;box-shadow:0 1px 4px #341b4910}.screen-library-tools{flex-direction:column;gap:13px;padding:14px 12px 11px;display:flex}.screen-search{position:relative}.screen-search>svg{color:#b09fbc;pointer-events:none;position:absolute;top:10px;left:9px}.screen-search [data-slot=input]{height:33px;box-shadow:none;border-color:#e6dfec;padding-left:29px;font-size:10px}.screen-editor select{color:#796384;cursor:pointer;background-color:#fff;border:1px solid #e5dce9;border-radius:6px;outline:none;width:100%;height:32px;padding:0 26px 0 9px;font-size:10px}.screen-editor select:focus{border-color:#bc9dd5;box-shadow:0 0 0 2px #ab79d014}.screen-placement-field{gap:6px!important}.screen-placement-field [data-slot=field-label]{color:#a291ad;font-size:9px;font-weight:400}.screen-library-scroll,.screen-layer-list{scrollbar-width:thin;scrollbar-color:#e3daeb transparent;flex:1;min-height:0;padding:0 10px 15px;overflow:auto}.screen-library-caption{justify-content:space-between;align-items:center;gap:5px;margin:5px 3px 8px;display:flex}.screen-library-caption>span{letter-spacing:.08em;color:#aa98b5;font-size:8px;font-weight:550}.screen-library-caption small{color:#b5a7bf;margin-left:5px;font-size:8px;font-weight:400}.screen-library-caption [data-slot=badge]{color:#9a82a8;background:#f3eef7;border:0;padding:2px 5px;font-size:7px;font-weight:450}.screen-library-card{text-align:left;cursor:grab;background:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;width:100%;margin:3px 0;padding:11px 9px;display:flex}.screen-library-card:hover{background:#f8f4fc;border-color:#e5d8f0}.screen-library-card:disabled{opacity:.4;cursor:not-allowed}.screen-library-card>span:nth-child(2){flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.screen-library-card strong{color:#70557f;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.screen-library-card small{color:#a394ad;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:400;overflow:hidden}.screen-library-card>svg{color:#b5a4c0;flex:none}.screen-library-icon{color:#ab91ba;background:#fcfafe;border:1px solid #eae2f0;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.screen-library-empty{text-align:center;color:#baa7c7;flex-direction:column;align-items:center;gap:13px;padding:23px 8px;display:flex}.screen-library-empty strong{color:#8c729c;font-size:11px;font-weight:500;line-height:1.5}.screen-library-empty p{color:#a798b0;max-width:180px;margin:-5px 0 2px;font-size:10px;line-height:1.75}.screen-library-empty [data-slot=button]{height:30px;padding-inline:9px;font-size:10px}.screen-quick-start{border-top:1px solid #eee7f3;margin-top:17px;padding-top:14px}.screen-quick-choice{color:#957ba6;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:9px;font-size:10px;display:flex}.screen-quick-choice:hover:not(:disabled){color:#75528e;background:#f4eef9}.screen-quick-choice:disabled{opacity:.4;cursor:default}.screen-quick-choice>span:nth-child(2){font-size:8px}.screen-panel-footnote{color:#b09bbd;background:#fdfbfe;border-top:1px solid #eee7f3;flex:none;align-items:flex-start;gap:8px;padding:13px 13px 15px;display:flex}.screen-panel-footnote>span{font-size:9px;line-height:1.7}.screen-panel-footnote>svg{flex:none;margin-top:2px}.screen-layer-list{padding-top:14px}.screen-layer-root{color:#a184b4;align-items:center;gap:7px;padding:9px 7px 13px;display:flex}.screen-layer-root strong{color:#80678f;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;font-weight:500;overflow:hidden}.screen-layer-root>span{color:#b9a7c4;font-size:8px}.screen-layer-row{border:1px solid #0000;border-radius:6px;align-items:center;min-height:37px;margin:3px 0;display:flex}.screen-layer-row:hover{background:#fbf8fe}.screen-layer-row.is-selected{background:#f2eafa;border-color:#e4d3f0}.screen-layer-row.is-hidden .screen-layer-select{opacity:.45}.screen-layer-select{text-align:left;color:#a287b4;cursor:pointer;flex:1;align-items:center;gap:7px;min-width:0;height:33px;padding:0 4px 0 8px;display:flex}.screen-layer-select>span{color:#82638f;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.screen-layer-select>small{color:#b7a5c3;font-size:8px}.screen-layer-row>[data-slot=button]{opacity:.6;color:#a38cb3;width:22px;height:26px;padding:3px}.screen-layer-row>[data-slot=button]:hover{opacity:1}.screen-layer-row>[data-slot=button]>svg{width:11px;height:11px}.screen-editor-canvas{scrollbar-width:thin;scrollbar-color:#ddd2e7 #f5f1f8;isolation:isolate;background:#f3f0f5 radial-gradient(circle,#cfc5d840 .75px,#0000 .85px) 0 0/20px 20px;outline:none;min-width:0;min-height:0;position:relative;overflow:auto}.screen-editor-canvas.is-drop-target{box-shadow:inset 0 0 0 2px #b896d6}.screen-sheet-mat{min-width:100%;min-height:100%;position:relative}.screen-sheet-label{color:#9d88ad;white-space:nowrap;align-items:center;gap:7px;max-width:80%;font-size:10px;line-height:1.4;display:flex;position:absolute}.screen-sheet-label>span{text-overflow:ellipsis;overflow:hidden}.screen-sheet-label>small{color:#b4a5bd;margin-left:3px;font-size:8px}.screen-sheet{transform-origin:0 0;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;box-shadow:0 0 0 1px #b7a8c11a,0 8px 26px #42314f0b,0 1px 4px #42314f0b}.screen-sheet-content{pointer-events:auto;position:absolute;inset:0}.screen-placed-component{transform-origin:0 0;cursor:move;touch-action:none;outline:none;min-width:0;min-height:0;position:absolute}.screen-component-content{pointer-events:none;position:absolute;inset:0}.screen-component-hitarea{position:absolute;inset:0}.screen-placed-component:hover:not(.is-selected){outline:calc(1px / var(--screen-scale)) solid #a67bc34d}.screen-placed-component.is-selected{outline:calc(1px / var(--screen-scale)) solid #9d63ca;outline-offset:calc(1px / var(--screen-scale))}.screen-placed-component.is-locked{cursor:default}.screen-placed-component:focus-visible{outline:calc(2px / var(--screen-scale)) solid #8c50b9}.screen-sheet.is-interactive .screen-placed-component{cursor:default;touch-action:auto;outline:none}.screen-sheet.is-interactive .screen-component-content{pointer-events:auto}.screen-component-label{left:0;bottom:calc(100% + 5px / var(--screen-scale));font-size:calc(8px / var(--screen-scale));color:#8756a9;align-items:center;gap:calc(4px / var(--screen-scale));white-space:nowrap;pointer-events:none;text-overflow:ellipsis;max-width:100%;line-height:1.3;display:flex;position:absolute;overflow:hidden}.screen-component-resize{bottom:calc(-4px / var(--screen-scale));right:calc(-4px / var(--screen-scale));height:calc(8px / var(--screen-scale));width:calc(8px / var(--screen-scale));border:calc(1.2px / var(--screen-scale)) solid #9d63ca;border-radius:calc(1px / var(--screen-scale));cursor:nwse-resize;touch-action:none;background:#fff;position:absolute}.screen-component-resize:after{content:"";inset:calc(-7px / var(--screen-scale));position:absolute}.screen-artboard-grid{pointer-events:none;background-image:linear-gradient(90deg,#9678ae0d 1px,#0000 1px),linear-gradient(#9678ae0d 1px,#0000 1px);background-size:8px 8px;position:absolute;inset:0}.screen-empty-canvas{text-align:center;pointer-events:none;transform-origin:50%;flex-direction:column;align-items:center;gap:13px;width:250px;display:flex;position:absolute;top:50%;left:50%}.screen-empty-canvas>span{color:#bba4ca;background:#fdfaff;border:1px solid #e9e0f0;border-radius:17px;place-items:center;width:62px;height:62px;margin-bottom:2px;display:grid}.screen-empty-canvas>strong{color:#9b82ad;letter-spacing:-.15px;font-size:13px;font-weight:500}.screen-empty-canvas>p{color:#b3a4be;margin:0;font-size:10px;line-height:1.8}.screen-canvas-controls{float:right;color:#8f72a3;z-index:4;background:#ffffffef;border:1px solid #e1d8e8;border-radius:8px;align-items:center;width:max-content;margin:-49px 15px 15px auto;padding:3px;display:flex;position:sticky;bottom:15px;right:15px;box-shadow:0 2px 10px #41285009}.screen-canvas-controls [data-slot=button]{color:#9e83b2;width:27px;height:27px}.screen-canvas-controls>button:not([data-slot]){cursor:pointer;font-variant-numeric:tabular-nums;min-width:45px;height:27px;font-size:10px}.screen-canvas-controls>span{background:#eee5f4;width:1px;height:15px;margin-inline:3px}.screen-canvas-status{color:#aa96b9;pointer-events:none;z-index:3;align-items:center;gap:7px;width:max-content;max-width:calc(100% - 175px);margin:-41px auto 17px 16px;font-size:9px;display:flex;position:sticky;bottom:18px;left:16px}.screen-canvas-status>span{background:#ba9dce;border-radius:50%;width:5px;height:5px}.screen-canvas-status>span.is-preview{background:#8cad9d}.screen-canvas-status small{display:none}.screen-inspector-heading{color:#ad98bb;border-bottom:1px solid #eee8f3;flex:none;align-items:center;gap:8px;height:53px;padding:0 18px;display:flex}.screen-inspector-heading strong{color:#866a97;font-size:11px;font-weight:500}.screen-inspector-heading>[data-slot=button]{margin-left:auto}.screen-inspector-scroll{scrollbar-width:thin;scrollbar-color:#e4d8ed transparent;flex:1;min-height:0;overflow:auto}.screen-property-group{border-bottom:1px solid #eee8f3;padding:22px 18px;gap:15px!important}.screen-property-group h3{color:#90749f;letter-spacing:.01em;margin:0 0 2px;font-size:10px;font-weight:550}.screen-property-group [data-slot=field]{gap:7px}.screen-property-group [data-slot=field-label]{color:#a08aac;font-size:10px;font-weight:400;line-height:1.4}.screen-property-group [data-slot=field-label]>span{color:#bfafca;margin-left:auto;font-size:8px}.screen-property-group [data-slot=field][data-orientation=horizontal]{justify-content:space-between;align-items:center;gap:12px}.screen-property-group [data-slot=field][data-orientation=horizontal] [data-slot=field-label]{align-items:center;gap:7px;display:flex}.screen-property-group [data-slot=input]{height:32px;box-shadow:none;color:#7f648f;border-color:#e5dcea;border-radius:6px;padding:0 9px;font-size:10px}.screen-property-group [data-slot=input]:focus{border-color:#c6aad9}.screen-property-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;display:grid}.screen-numeric-field>div{position:relative}.screen-numeric-field [data-slot=input]{-webkit-appearance:textfield;appearance:textfield;font-variant-numeric:tabular-nums;padding-right:25px}.screen-numeric-field [data-slot=input]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.screen-numeric-field>div>span{color:#bba8c7;pointer-events:none;font-size:9px;position:absolute;top:9px;right:9px}.screen-property-note{color:#b3a0bf;margin:0;font-size:9px;line-height:1.8}.screen-property-error{color:#b65f7c;margin:0;font-size:10px;line-height:1.7}.screen-instance-meta{align-items:center;gap:8px;min-width:0;display:flex}.screen-instance-meta [data-slot=badge]{color:#a38cb1;white-space:nowrap;border-color:#e5d8ed;padding:3px 6px;font-size:8px}.screen-instance-meta small{color:#baa7c5;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.screen-edit-layers-button{min-height:33px;font-size:11px!important}.screen-arrange-actions{gap:7px;display:flex}.screen-arrange-actions [data-slot=button]{color:#a68eb7;width:38px;height:30px;box-shadow:none;border-color:#e8ddef;flex:1}.screen-background-input{align-items:center;gap:8px;display:flex}.screen-background-input input[type=color]{cursor:pointer;background:#fff;border:1px solid #e4d9eb;border-radius:6px;flex:none;width:30px;height:30px;padding:0;overflow:hidden}.screen-background-input input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.screen-background-input input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.screen-background-input [data-slot=input]{flex:1;min-width:0;font-family:ui-monospace,monospace}.screen-props-input{color:#8c709d;resize:vertical;border-color:#e6dceb;min-height:118px;padding:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.8;font-size:9px!important}.screen-instance-actions{gap:9px;padding:17px 18px 22px;display:flex}.screen-instance-actions [data-slot=button]{flex:1;font-size:10px}.screen-about-composition{color:#b298c5;padding:24px 18px 20px}.screen-about-composition h3{color:#8f6ea1;margin:13px 0 9px;font-size:11px;font-weight:500;line-height:1.6}.screen-about-composition p{color:#ab94b8;margin:9px 0;font-size:10px;line-height:1.85}.screen-file-actions{flex-direction:column;gap:7px;padding:0 18px 25px;display:flex}.screen-file-actions [data-slot=button]{font-size:10px}.screen-editor-footer{color:#af9cba;background:#fdfbfe;border-top:1px solid #e8dfef;justify-content:space-between;align-items:center;gap:10px;height:32px;min-height:32px;padding:0 18px;font-size:9px;display:flex}.screen-editor-footer>span{white-space:nowrap;align-items:center;gap:8px;display:flex}.screen-editor-footer>span>span{color:#d2c4db}.screen-operation-error{background:#fff7fa;border:0;border-bottom:1px solid #ecd7e2;border-radius:0;align-items:center;gap:10px;margin:0;padding:10px 18px;font-size:11px;display:flex}.screen-operation-error [data-slot=alert-description]{flex:1;font-size:11px}.screen-mobile-panels{display:none}.screen-layers-view .screen-editor-header{height:56px;min-height:56px}.screen-layers-view .screen-editor-heading>span{letter-spacing:0;color:#b39cc3;font-size:9px}.screen-layers-view .screen-editor-heading strong{color:#795b8c;font-size:12px;font-weight:500}.screen-layers-view .screen-editor-header>[data-slot=badge]{color:#ac94bd;margin-left:auto;font-size:9px}.screen-layer-editor-host{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.screen-layer-editor-host>*{flex:1;min-height:0}@media (min-width:1500px){.screen-editor-body{grid-template-columns:248px minmax(0,1fr) 278px}.screen-canvas-status small{color:#b4a3bf;margin-left:7px;font-size:8px;display:inline}.screen-canvas-status{max-width:calc(100% - 190px)}}@media (max-width:1100px){.screen-editor-header{gap:8px;padding:0 14px}.screen-editor-heading [data-slot=input]{max-width:180px}.screen-dimension-badge{display:none}.screen-editor-body{grid-template-columns:196px minmax(0,1fr) 224px}.screen-property-group{padding:19px 14px}.screen-export-label{display:none}.screen-panel-tabs{padding:13px 9px}.screen-panel-tabs [data-slot=toggle-group-item]{gap:4px;padding:0 5px;font-size:9px}.screen-library-tools{padding-inline:10px}.screen-canvas-status{max-width:calc(100% - 160px);font-size:8px}.screen-history-actions{display:none}}@media (max-width:850px){.screen-editor-header{gap:6px;height:64px;min-height:64px;padding:0 10px}.screen-editor-heading [data-slot=input]{max-width:130px;font-size:11px}.screen-editor-header-actions{gap:5px}.screen-back-button{padding-inline:6px}.screen-back-button>span{display:none}.screen-editor-header-actions [data-slot=toggle-group-item]{padding:0 6px;font-size:9px}.screen-editor-header-actions [data-slot=button]{padding-inline:8px;font-size:10px}.screen-editor-header-actions [data-slot=button]:last-child span{display:none}.screen-mobile-panels{background:#fff;border-bottom:1px solid #e8dfef;justify-content:center;align-items:center;height:43px;min-height:43px;display:flex}.screen-mobile-panels [data-slot=toggle-group]{justify-content:center;width:min(370px,100%)}.screen-mobile-panels [data-slot=toggle-group-item]{flex:1;height:27px;font-size:10px}.screen-editor-body{display:block;position:relative}.screen-editor-body>.screen-library-panel,.screen-editor-body>.screen-inspector,.screen-editor-body>.screen-editor-canvas{border:0;width:100%;height:100%;display:none}.screen-editor-body[data-mobile-panel=components]>.screen-library-panel{display:flex}.screen-editor-body[data-mobile-panel=canvas]>.screen-editor-canvas{display:block}.screen-editor-body[data-mobile-panel=properties]>.screen-inspector{display:flex}.screen-library-scroll{padding:0 18px 20px}.screen-library-tools{padding:14px 20px}.screen-library-card{padding:14px 12px}.screen-panel-tabs{padding:12px 20px}.screen-property-group{padding:20px}.screen-library-empty{padding:28px}.screen-library-empty p{max-width:280px}.screen-editor-footer{padding-inline:13px;font-size:8px}.screen-editor-footer>span:last-child,.screen-canvas-status small{display:none}.screen-canvas-status{max-width:calc(100% - 160px)}.space-new-screen-button{padding:6px 9px;font-size:10px}.space-toolbar-actions{gap:7px}.space-screen-presets>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.screen-editor-heading [data-slot=input]{max-width:105px}.screen-editor-header{gap:4px;padding:0 7px}.screen-editor-header-actions [data-slot=toggle-group-item]{gap:0;width:29px;min-width:29px;padding:0;font-size:0}.screen-editor-header-actions [data-slot=toggle-group-item] svg{width:14px;height:14px}.screen-editor-header-actions>[data-slot=button]{width:29px;min-width:29px;padding:0}.screen-editor-header-actions [data-slot=button] svg{width:14px;height:14px}.space-new-screen-button{justify-content:center;width:32px;height:32px;padding:0}.space-new-screen-button span{display:none}}.screen-size-picker[data-slot=dialog-content]{border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;gap:20px;width:min(870px,100vw - 32px);max-width:870px;height:min(790px,100svh - 40px);max-height:calc(100svh - 40px);padding:25px;display:grid;overflow:hidden}.screen-size-picker [data-slot=dialog-header]{padding-right:25px}.screen-size-picker-body{grid-template-columns:minmax(0,1fr) 280px;gap:24px;min-height:0;display:grid;overflow:hidden}.screen-size-browser{flex-direction:column;gap:15px;min-width:0;min-height:0;display:flex}.screen-size-picker .screen-size-search-tools[data-slot=field-group]{flex:none;gap:10px}.screen-size-search{position:relative}.screen-size-search>svg{width:15px;height:15px;color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.screen-size-search>input{padding-left:35px}.screen-size-categories{justify-content:space-between;gap:2px;width:100%}.screen-size-categories>[data-slot=toggle-group-item]{flex:1;min-width:0;padding:0 9px}.components-dialog.screen-size-picker [data-slot=toggle-group-item]{color:var(--muted-foreground);transition:background .15s,color .15s}.components-dialog.screen-size-picker [data-slot=toggle-group-item]:hover:not(:disabled){background:var(--accent);color:var(--accent-foreground)}.components-dialog.screen-size-picker [data-slot=toggle-group-item][data-state=on]{background:var(--secondary);color:var(--secondary-foreground);box-shadow:inset 0 0 0 1px var(--border)}.screen-size-results{overscroll-behavior:contain;flex:auto;height:0;min-height:0;max-height:none;padding:1px 7px 1px 1px;overflow:auto}.screen-size-options{gap:22px}.screen-size-options [data-slot=field-set]{gap:10px}.screen-size-options [data-slot=field-legend]{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:0;font-size:10px}.screen-size-options [data-slot=field-group]{gap:7px}.screen-size-choice{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:13px;width:100%;min-width:0;padding:12px;transition:background .15s,border-color .15s;display:flex}.screen-size-choice:hover{background:var(--accent)}.screen-size-choice[data-selected=true]{border-color:var(--primary);background:var(--accent)}.screen-size-choice>svg{width:21px;height:21px;color:var(--muted-foreground);flex-shrink:0}.screen-size-choice>span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.screen-size-choice strong{font-size:12px;font-weight:550;line-height:1.4}.screen-size-choice small{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:10px;font-weight:400;line-height:1.3}.screen-size-choice small span{opacity:.7}.screen-size-detail{border-left:1px solid var(--border);flex-direction:column;gap:22px;min-width:0;min-height:0;padding-left:24px;display:flex;overflow-y:auto}.screen-size-illustration{background:radial-gradient(circle,var(--border) .7px,transparent .8px);background-size:12px 12px;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;height:240px;display:flex}.screen-size-frame{background:var(--background);border:1px solid var(--border);max-width:calc(100% - 26px);box-shadow:0 10px 30px var(--foreground);border-radius:10px;position:relative}@supports (color:color-mix(in lab, red, red)){.screen-size-frame{box-shadow:0 10px 30px color-mix(in srgb,var(--foreground) 8%,transparent)}}.screen-size-frame{transition:width .2s,height .2s;overflow:hidden}.screen-size-frame[data-portrait=true]{border-radius:17px}.screen-size-frame-top{border-bottom:1px solid var(--border);gap:4px;padding:10px;display:flex}.screen-size-frame-top span{background:var(--muted-foreground);opacity:.3;border-radius:100%;width:4px;height:4px}.screen-size-frame-content{flex-direction:column;gap:8px;padding:15px;display:flex}.screen-size-frame-content>i{background:var(--border);border-radius:2px;width:70%;height:4px}.screen-size-frame-content>i:first-child{background:var(--primary);opacity:.6;width:45%;height:7px;margin-bottom:6px}.screen-size-frame-content>i:nth-child(3){width:55%}.screen-size-frame-content>div{gap:7px;margin-top:8px;display:flex}.screen-size-frame-content>div>i{background:var(--muted);border-radius:5px;width:50%;height:40px}.screen-size-description{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.screen-size-description>h3{letter-spacing:-.02em;font-size:16px;font-weight:550;line-height:1.4}.screen-size-measurement{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:23px;font-weight:500;line-height:1.3}.screen-size-measurement>span{color:var(--muted-foreground);padding:0 2px;font-weight:300}.screen-size-measurement>small{letter-spacing:0;color:var(--muted-foreground);font-size:10px;font-weight:400;line-height:2;display:block}.screen-size-detail [data-slot=field-label]{font-size:11px}.screen-size-detail [data-slot=toggle-group]{width:100%}.screen-size-detail [data-slot=toggle-group-item]{flex:1;font-size:11px}.screen-size-reference{flex-direction:column;gap:7px;margin-top:auto;display:flex}.screen-size-reference>p{color:var(--muted-foreground);font-size:10px;line-height:1.6}.screen-size-reference>a{color:var(--primary);text-underline-offset:3px;align-items:center;gap:5px;font-size:10px;display:flex}.screen-size-reference>a:hover{text-decoration:underline}.screen-size-footer{border-top:1px solid var(--border);align-items:center;min-width:0;padding-top:17px}.screen-size-footer>span{color:var(--muted-foreground);margin-right:auto;font-size:10px}.screen-device-choice[data-slot=button]{white-space:normal;text-align:left;justify-content:flex-start;gap:8px;width:100%;height:auto;min-height:38px;padding:9px 11px}.screen-device-choice>span{flex:1;min-width:0}.screen-device-choice>svg{flex-shrink:0}.screen-device-orientation{width:100%}.screen-device-orientation>[data-slot=toggle-group-item]{flex:1}.screen-block-library-heading{margin-top:18px}@media (max-width:650px){.screen-size-picker[data-slot=dialog-content]{gap:17px;padding:19px}.screen-size-picker-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:17px}.screen-size-detail{border-left:0;border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;padding:13px 0 0;display:grid}.screen-size-illustration,.screen-size-reference{display:none}.screen-size-description{gap:5px}.screen-size-description>h3{font-size:13px}.screen-size-measurement{font-size:18px}.screen-size-measurement>small{margin-left:6px;display:inline}.screen-size-categories>[data-slot=toggle-group-item]{padding:0 7px;font-size:11px}.screen-size-detail [data-slot=toggle-group]{flex-direction:column;align-items:stretch}.screen-size-detail [data-slot=toggle-group-item]{min-height:30px}.screen-size-footer>span{display:none}.screen-size-footer{flex-direction:row;justify-content:flex-end}.screen-size-description>[data-slot=badge]{font-size:9px}}@media (max-height:620px){.screen-size-picker[data-slot=dialog-content]{gap:12px;padding:16px}.screen-size-picker-body{overscroll-behavior:contain;grid-template-rows:auto;align-content:start;gap:16px;overflow-y:auto}.screen-size-browser{gap:10px;min-height:0}.screen-size-results{flex:none;height:clamp(140px,35svh,220px);min-height:0;max-height:none}.screen-size-detail{gap:14px;overflow:visible}.screen-size-illustration{display:none}.screen-size-footer{flex-direction:row;justify-content:flex-end;padding-top:12px}.screen-size-footer>span{display:none}.screen-size-reference{margin-top:0}}@media (max-width:650px) and (max-height:620px){.screen-size-picker-body{flex-direction:column;align-items:stretch;display:flex}.screen-size-browser,.screen-size-detail,.screen-size-results{flex:none}.screen-size-detail{min-height:auto}}@media (max-height:400px){.screen-size-picker[data-slot=dialog-content]{gap:10px;height:calc(100svh - 20px);max-height:calc(100svh - 20px);padding:12px}.screen-size-picker [data-slot=dialog-description]{display:none}}@media (prefers-reduced-motion:reduce){.screen-size-frame{transition:none}}.space-plan-connections{pointer-events:none;color:#b7a4ca;position:absolute;top:0;left:0;overflow:visible}.screen-instance-missing{color:#55465f;background:#faf7fc;border:1px dashed #b9a9c7;flex-direction:column;justify-content:center;gap:8px;min-height:100%;padding:20px;font:13px/1.45 ui-sans-serif,system-ui,sans-serif;display:flex}.screen-instance-missing strong{font-weight:600}.screen-instance-missing p{overflow-wrap:anywhere;margin:0}.space-instance-error{color:#79576f;text-align:center;background:#fcf6fa;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:22px;font-size:13px;display:flex}.space-instance-error small{max-width:280px;font-size:11px;line-height:1.6}.space-instance-link{color:#735887;background:#faf7fc;border:1px solid #e4dbea;border-radius:10px;margin-top:12px;padding:12px;font-size:12px}.space-instance-link p{color:#827389;font-size:11px;line-height:1.6}.components-workspace,:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor),.components-menu{--background:#fff;--foreground:#302a37;--card:#fff;--card-foreground:#302a37;--popover:#fff;--popover-foreground:#302a37;--primary:#3e3349;--primary-foreground:#fff;--secondary:#eee8f4;--secondary-foreground:#674784;--muted:#f2eff4;--muted-foreground:#8d8297;--accent:#f0eaf6;--accent-foreground:#5f4278;--destructive:#bc4659;--border:#e6e0e9;--input:#ded6e4;--ring:#ad8dc7;--radius:8px;color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.components-workspace{min-width:0;height:calc(100svh - var(--studio-header-height,60px) - var(--studio-shell-gap,12px)*2 - 2px);background:#faf8fb;border-radius:0 0 15px 15px;flex-direction:column;grid-column:1/-1;min-height:570px;display:flex;position:relative;overflow:hidden;container:components/inline-size}.components-workspace :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]),:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){background:var(--primary);color:var(--primary-foreground);border:1px solid #0000;font-weight:500}.components-workspace :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=default]:hover,:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=default]:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.components-workspace :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=default]:hover,:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=default]:hover{background:color-mix(in srgb,var(--primary) 88%,white)}}.components-workspace :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=outline],:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=outline]{border-color:var(--input);background:var(--background);color:var(--foreground)}.components-workspace :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=ghost],:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=ghost]{color:var(--muted-foreground);background:0 0}.components-workspace :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=secondary],:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=secondary]{background:var(--secondary);color:var(--secondary-foreground)}.components-workspace :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=outline]:hover,.components-workspace :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=ghost]:hover,:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=outline]:hover,:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=ghost]:hover{background:var(--accent);color:var(--accent-foreground)}.components-workspace [data-slot=input],.components-workspace [data-slot=native-select],.components-workspace [data-slot=textarea],:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) [data-slot=input],:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) [data-slot=textarea]{border-color:var(--input);background:var(--background);font-size:12px;box-shadow:0 1px 2px #32203903}.components-workspace [data-slot=native-select]{-webkit-appearance:none;appearance:none}.components-workspace [data-slot=input-group]{background:var(--background);border-color:var(--input)}.components-workspace [data-slot=input-group-control]{box-shadow:none;background:0 0;font-size:11px}.components-workspace [data-slot=input-group-addon]{color:var(--muted-foreground)}.components-workspace [data-slot=field-label],:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) [data-slot=field-label]{color:var(--foreground);font-size:11px;font-weight:500}.components-workspace [data-slot=field-description]{color:var(--muted-foreground);font-size:10px;line-height:1.65}.components-workspace [data-slot=field][data-invalid=true] [data-slot=field-description]{color:var(--destructive)}.components-workspace [data-slot=field]{gap:8px}.components-workspace [data-slot=field-group]{gap:17px}.components-workspace [data-slot=switch]{background:var(--input);border:1px solid #0000;padding:0}.components-workspace [data-slot=switch][data-state=checked]{background:var(--primary)}.components-workspace [data-slot=switch-thumb]{background:#fff}.components-workspace [data-slot=slider-track]{background:var(--muted);height:4px}.components-workspace [data-slot=slider-range]{background:var(--primary)}.components-workspace [data-slot=slider-thumb]{border:1px solid var(--input);background:var(--background);width:14px;height:14px;box-shadow:0 1px 3px #38264612}.components-workspace [data-slot=slider]{padding-block:5px}.components-workspace [data-slot=toggle-group-item]{color:var(--muted-foreground);background:0 0;border:0;min-width:28px;height:28px;padding:5px 7px}.components-workspace [data-slot=toggle-group-item]:hover{background:var(--muted)}.components-workspace [data-slot=toggle-group-item][data-state=on]{background:var(--secondary);color:var(--secondary-foreground)}.components-workspace [data-slot=toggle-group-item] svg{width:14px;height:14px}.components-workspace [data-slot=badge]{padding:3px 6px;font-size:9px;font-weight:500;line-height:1.25}.components-workspace [data-slot=badge][data-variant=outline]{border:1px solid var(--border);color:var(--muted-foreground);background:0 0}.components-workspace [data-slot=badge][data-variant=secondary]{background:var(--secondary);color:var(--secondary-foreground)}.components-workspace button:disabled,:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) button:disabled{cursor:default}:is(.components-workspace button:focus-visible,.components-workspace input:focus-visible,.components-workspace select:focus-visible,.components-workspace textarea:focus-visible,.components-workspace summary:focus-visible,:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) button:focus-visible,:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) input:focus-visible,:is(.components-dialog,.rail-library-popover,.rail-library-mobile-dialog,.screen-editor) textarea:focus-visible){outline:2px solid var(--ring);outline-offset:3px}.components-heading{border-bottom:1px solid var(--border);background:#fcfbfd;flex:none;justify-content:space-between;align-items:center;gap:18px;padding:22px 25px;display:flex}.components-heading-copy{align-items:center;gap:13px;min-width:0;display:flex}.components-heading-icon{color:#8e6ba9;background:#f5effa;border:1px solid #e7deee;border-radius:11px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.components-heading h1{letter-spacing:-.7px;font-size:23px;font-weight:560;line-height:1.25}.components-heading p{color:var(--muted-foreground);margin-top:5px;font-size:11px}.components-heading-actions{flex:none;align-items:center;gap:8px;display:flex}.components-heading-actions :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){border-radius:6px;gap:6px;height:32px;padding-inline:11px;font-size:11px}.components-heading-actions :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]) svg{width:13px;height:13px}.components-save-state{color:#a095a8;white-space:nowrap;align-items:center;gap:5px;margin-right:9px;font-size:10px;display:flex}.components-save-state[data-state=error]{color:var(--destructive)}.components-workspace-body{flex:1;grid-template-columns:222px minmax(0,1fr) 258px;min-width:0;min-height:0;display:grid;overflow:hidden}.components-catalog-panel{border-right:1px solid var(--border);background:#fdfcfe;flex-direction:column;min-width:0;min-height:0;display:flex}.components-collection-tabs{flex:none;padding:17px 13px 13px}.components-collection-tab-list{background:var(--muted);border:1px solid #ede7f0;border-radius:6px;width:100%;padding:2px;height:31px!important}.components-collection-tab-list [data-slot=toggle-group-item]{color:var(--muted-foreground);flex:1;gap:5px;height:25px;padding:4px 6px;font-size:10px;border-radius:4px!important}.components-collection-tab-list [data-slot=toggle-group-item][data-state=on]{background:var(--background);color:var(--foreground);box-shadow:0 1px 3px #38264609}.components-collection-count{color:#aa99b6;font-variant-numeric:tabular-nums;font-size:9px}.components-catalog-tools{flex-direction:column;flex:none;gap:10px;padding:0 13px;display:flex}.components-registry-picker{align-items:center;gap:6px;display:flex}.components-registry-picker [data-slot=native-select-wrapper]{flex:1;min-width:0}.components-registry-picker [data-slot=native-select]{height:33px;padding-right:27px;font-size:11px;font-weight:500}.components-registry-picker [data-slot=native-select-icon]{width:12px;height:12px;right:9px}.components-registry-picker :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){flex:none;width:30px;height:33px}.components-catalog-tools [data-slot=input-group]{border-radius:6px;height:32px}.components-catalog-tools [data-slot=input-group-addon]{padding-left:9px}.components-catalog-tools [data-slot=input-group-addon] svg{width:13px;height:13px}.components-catalog-meta{color:#a497ad;flex:none;justify-content:space-between;align-items:center;padding:12px 16px 7px;font-size:9px;line-height:1.4;display:flex}.components-catalog-meta :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){width:20px;height:20px}.components-catalog-meta :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]) svg{width:11px;height:11px}.components-catalog-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e4dce9 transparent;flex:1;min-height:0;padding:0 8px 14px;overflow-y:auto}.components-catalog-item:is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){white-space:normal;width:100%;height:auto;min-height:53px;box-shadow:none;text-align:left;border:1px solid #0000;border-radius:7px;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:2px;padding:8px 9px;display:flex}.components-catalog-item:is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-selected=true]{color:#65427f;background:#efe7f6;border-color:#e6daef}.components-catalog-item-icon{color:#ae9bbb;background:#fff;border:1px solid #e8e1ec;border-radius:6px;flex:none;justify-content:center;align-items:center;width:29px;height:31px;display:flex}.components-catalog-item[data-selected=true] .components-catalog-item-icon{color:#9672ae;background:#faf6ff;border-color:#e2d5eb}.components-catalog-item-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.components-catalog-item-copy strong{text-overflow:ellipsis;white-space:nowrap;color:#5d5069;font-size:11px;font-weight:500;line-height:1.35;overflow:hidden}.components-catalog-item[data-selected=true] .components-catalog-item-copy strong{color:#65427f}.components-catalog-item-copy>span{color:#aa9bb4;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:400;line-height:1.35;overflow:hidden}.components-catalog-item svg{width:13px!important;height:13px!important}.components-catalog-item-mark{color:#a389b6;width:11px!important}.components-catalog-item-add{opacity:0;color:#b4a5bf;transition:opacity .15s}:is(.components-catalog-item:hover .components-catalog-item-add,.components-catalog-item:focus-visible .components-catalog-item-add){opacity:1}.components-catalog-footer{border-top:1px solid var(--border);color:#b09bbe;flex:none;align-items:center;gap:9px;margin:0 13px;padding:14px 0;display:flex}.components-catalog-footer>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.components-catalog-footer strong{color:#9a86aa;font-size:9px;font-weight:500}.components-catalog-footer span{color:#b4a8bc;font-size:9px}.components-catalog-footer :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){width:19px;height:19px}.components-catalog-skeleton{align-items:center;gap:10px;padding:10px 9px;display:flex}.components-catalog-skeleton>div:last-child{flex-direction:column;gap:7px;display:flex}.components-catalog-error{text-align:center;color:var(--muted-foreground);flex-direction:column;align-items:center;gap:10px;padding:23px 10px;display:flex}.components-catalog-error strong{color:var(--foreground);font-size:12px;font-weight:500}.components-catalog-error p{overflow-wrap:anywhere;font-size:11px;line-height:1.7}.components-small-empty{gap:17px;padding:30px 11px}.components-small-empty [data-slot=empty-title]{font-size:13px;font-weight:500}.components-small-empty [data-slot=empty-description]{font-size:11px;line-height:1.75}.components-small-empty [data-slot=empty-icon]{background:var(--muted);color:#a28caf;border:1px solid var(--border)}.components-small-empty [data-slot=empty-icon] svg{width:19px;height:19px}.components-small-empty :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){font-size:11px}.components-design-panel{background:#faf8fb;flex-direction:column;min-width:0;min-height:0;display:flex}.components-design-heading{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:20px 23px 17px;display:flex}.components-design-title{align-items:center;gap:9px;min-width:0;display:flex}.components-design-title h2{letter-spacing:-.45px;text-overflow:ellipsis;white-space:nowrap;max-width:clamp(180px,24vw,500px);font-size:19px;font-weight:520;line-height:1.3;overflow:hidden}.components-design-heading p{color:#aa9bb3;align-items:center;gap:7px;margin-top:7px;font-size:9px;display:flex}.components-design-heading p span:first-child{color:#8d789c}.components-design-tabs{background:#fff;border:1px solid #e4dce9;border-radius:10px;flex:1;gap:0;min-width:0;min-height:0;margin:0 22px;display:flex;overflow:hidden;box-shadow:0 2px 5px #33213f03}.components-preview-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;height:45px;min-height:45px;padding:0 13px;display:flex}.components-editor-tabs{gap:17px;padding:0;height:44px!important}.components-editor-tabs [data-slot=tabs-trigger]{color:#a190ad;background:0 0;border:0;border-radius:0;flex:none;height:44px;padding:0 1px;font-size:10px}.components-editor-tabs [data-slot=tabs-trigger][data-state=active]{color:#5d406e;background:0 0}.components-editor-tabs [data-slot=tabs-trigger]:after{background:#9275aa;height:2px;bottom:0}.components-editor-tabs [data-slot=tabs-trigger]>span{color:#b8a8c3;margin-left:1px;font-size:8px}.components-appearance-toggle{border:1px solid #eee7f3;border-radius:6px;gap:1px;padding:2px}.components-appearance-toggle [data-slot=toggle-group-item]{min-width:24px;height:23px;padding:3px 5px;border-radius:4px!important}.components-appearance-toggle [data-slot=toggle-group-item] svg{width:12px;height:12px}.components-preview-tab{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.components-preview-tab[data-state=inactive]{display:none}.components-preview-sizebar{flex:none;justify-content:space-between;align-items:center;gap:10px;padding:11px 15px 10px;display:flex}.components-live-status{color:#b0a4b8;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.components-live-status>span{background:#9fbaa9;border-radius:50%;width:5px;height:5px}.components-live-status[data-status=error]>span{background:#c38995}.components-viewport-toggle{gap:3px}.components-viewport-toggle [data-slot=toggle-group-item]{min-width:25px;height:24px;padding:4px 6px;border-radius:5px!important}.components-viewport-toggle [data-slot=toggle-group-item] svg{width:12px;height:12px}.components-preview-canvas{background:#faf9fb;border:1px solid #eee8f2;border-radius:7px;flex:1;min-width:0;min-height:280px;margin:0 14px;display:flex;position:relative;overflow:hidden}.components-preview-canvas>.component-preview{flex:1;min-width:0;min-height:0}.components-preview-caption{color:#b2a6bc;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:12px 15px 13px;font-size:9px;line-height:1.4;display:flex}.components-preview-caption>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.components-design-footer{color:#ad9ebb;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 22px 15px;font-size:9px;display:flex}.components-design-footer>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.components-design-footer :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){flex:none;gap:5px;height:25px;font-size:9px}.components-design-footer :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]) svg{width:11px!important;height:11px!important}.components-footer-divider{color:#cbbfd2;padding-inline:1px}.components-code-tab{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.components-code-tab[data-state=inactive]{display:none}.components-editor-note{color:#a293af;background:#fcfafd;border-bottom:1px solid #eee7f3;flex:none;align-items:flex-start;gap:8px;padding:13px 15px;font-size:10px;line-height:1.7;display:flex}.components-editor-note svg{color:#b6a1c5;flex:none;margin-top:1px}.components-source-files{border-bottom:1px solid var(--border);background:#fcfafd;flex:none;align-items:center;gap:7px;padding:10px 12px;display:flex}.components-source-files [data-slot=native-select-wrapper]{flex:1;min-width:0}.components-source-files [data-slot=native-select]{text-overflow:ellipsis;height:30px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;overflow:hidden}.components-code-editor{background:#fff;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.components-code-toolbar{color:#9c8aaa;background:#fcfbfd;border-bottom:1px solid #f0eaf3;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:10px;display:flex}.components-code-toolbar>span,.components-code-toolbar>div{align-items:center;gap:7px;display:flex}.components-code-toolbar>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.components-code-language{letter-spacing:.7px;color:#b5a7bf;font-family:ui-monospace,monospace;font-size:8px}.components-code-toolbar :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){width:21px;height:21px}.components-code-toolbar :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]) svg{width:11px!important;height:11px!important}.components-code-surface{background:#fff;flex:1;min-width:0;min-height:180px;display:flex;overflow:hidden}.components-code-gutter{text-align:right;color:#c2b4cb;-webkit-user-select:none;user-select:none;tab-size:2;background:#fdfcfe;border-right:1px solid #f4f0f6;flex:none;min-width:40px;margin:0;padding:16px 9px 16px 6px;font:10px/1.9 ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;overflow:hidden}.components-workspace .components-code-input[data-slot=textarea]{field-sizing:fixed;resize:none;tab-size:2;white-space:pre;color:#6b507e;width:0;min-width:0;height:100%;min-height:100%;box-shadow:none;background:#fff;border:0;border-radius:0;outline:0;flex:1;padding:16px;font:10px/1.9 ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.components-workspace .components-code-input:focus-visible{outline:0;box-shadow:inset 0 0 0 1px #d9c8e5}.components-code-caption{color:#b5a7be;background:#fdfcfe;border-top:1px solid #f0eaf3;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:9px;display:flex}.components-design-empty{gap:25px;max-width:470px;margin:auto;padding:40px}.components-design-empty [data-slot=empty-icon]{color:#a184b4;background:#f1e9f7;border:1px solid #e4d8ed;border-radius:14px;width:58px;height:58px}.components-design-empty [data-slot=empty-title]{letter-spacing:-.8px;color:#725584;font-size:25px;font-weight:500}.components-design-empty [data-slot=empty-description]{color:#a490b3;margin-top:3px;font-size:12px;line-height:1.85}.components-design-empty :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){font-size:12px}.components-customize-panel{border-left:1px solid var(--border);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.components-customize-heading{color:#a78eb8;border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:20px 19px 17px;display:flex}.components-customize-heading h2{letter-spacing:.1px;color:#7d658d;font-size:11px;font-weight:500}.components-customize-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e4dce9 transparent;flex:1;min-height:0;overflow-y:auto}.components-inspector-section{border-bottom:1px solid #eee8f2;padding:19px}.components-inspector-section:last-child{border-bottom:0;padding-bottom:30px}.components-section-heading{color:#baa6c8;justify-content:space-between;align-items:center;gap:9px;margin-bottom:16px;display:flex}.components-section-heading h3{letter-spacing:.15px;color:#7e638f;font-size:10px;font-weight:550}.components-follow-studio{align-items:center!important}.components-follow-studio [data-slot=field-label]{font-size:10px}.components-follow-studio [data-slot=field-content]{gap:3px}.components-follow-studio [data-slot=field-description]{font-size:9px}.components-color-fields{flex-direction:column;gap:11px;display:flex}.components-color-field[data-slot=field]{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:6px;display:grid}.components-color-field [data-slot=field-label]{color:#97839f;align-items:center;gap:5px;font-size:10px;display:flex}.components-custom-dot{background:#b59ac8;border-radius:50%;width:3px;height:3px;display:block}.components-color-input{border:1px solid #e7dfea;border-radius:6px;align-items:center;gap:6px;min-width:0;height:29px;padding:3px 5px;display:flex}.components-color-swatch{background:#eee;border:1px solid #6d527b16;border-radius:4px;flex:none;width:15px;height:15px;display:block;position:relative;overflow:hidden}.components-color-swatch>input{opacity:0;cursor:pointer;width:28px;height:28px;padding:0;position:absolute;inset:-6px}.components-workspace .components-color-input [data-slot=input]{width:0;min-width:0;height:20px;box-shadow:none;color:#9a87a6;border:0;border-radius:0;flex:1;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.components-color-input :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){border:0;width:16px;height:18px;margin-right:-2px;padding:0}.components-color-input :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]) svg{width:9px!important;height:9px!important}.components-more-colors{margin-top:14px}.components-more-colors>summary,.components-dependency-details>summary{color:#ae98bd;cursor:pointer;justify-content:space-between;align-items:center;padding-block:2px;font-size:9px;list-style:none;display:flex}.components-more-colors>summary::-webkit-details-marker{display:none}.components-dependency-details>summary::-webkit-details-marker{display:none}.components-more-colors[open]>summary svg,.components-dependency-details[open]>summary svg{transform:rotate(180deg)}.components-more-colors [data-slot=field-group]{gap:11px;margin-top:13px}.components-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.components-label-row output{color:#a993b8;font-family:ui-monospace,monospace;font-size:9px}.components-customize-panel [data-slot=native-select-wrapper]{width:100%}.components-customize-panel [data-slot=native-select]{color:#887095;height:32px;font-size:11px}.components-customize-panel [data-slot=native-select-icon]{color:#b3a0c0;width:12px;height:12px}.components-customize-panel [data-slot=input]{color:#887095;height:32px;font-size:11px}.components-json-label{justify-content:space-between;display:flex;color:#a78eb7!important;width:100%!important;font-size:10px!important}.components-json-label>span{color:#bcabca;font-family:ui-monospace,monospace;font-size:8px}.components-workspace .components-props-json[data-slot=textarea]{field-sizing:fixed;resize:vertical;color:#9274a5;background:#fdfbfe;height:124px;min-height:85px;max-height:300px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.7}.components-source-description{color:#a792b6;margin-bottom:15px;font-size:10px;line-height:1.75}.components-source-section dl{flex-direction:column;gap:9px;margin:0;display:flex}.components-source-section dl>div{justify-content:space-between;align-items:baseline;gap:15px;font-size:9px;line-height:1.5;display:flex}.components-source-section dt{color:#b09bbe;white-space:nowrap}.components-source-section dd{color:#8d729f;text-align:right;overflow-wrap:anywhere;margin:0}.components-source-link{color:#9675ad;justify-content:space-between;align-items:center;gap:7px;margin-top:16px;font-size:9px;text-decoration:none;display:flex}.components-source-link:hover{text-underline-offset:3px;text-decoration:underline}.components-dependency-details{border-top:1px solid #f0eaf4;margin-top:16px;padding-top:13px}.components-dependency-details ul{color:#a58ab7;overflow-wrap:anywhere;flex-direction:column;gap:6px;margin:10px 0 0;padding:0;font-size:9px;list-style:none;display:flex}.components-import-notes{background:#faf7fc;border-color:#e9dfee;margin-top:16px;font-size:10px}.components-import-notes [data-slot=alert-title]{font-size:10px}.components-import-notes [data-slot=alert-description]{font-size:9px;line-height:1.6}.components-import-notes>svg{width:12px;height:12px}.components-workspace-alert{background:snow;border-color:#edced5;flex:none;width:auto;margin:12px 22px 0;padding-right:40px;position:relative}.components-workspace-alert [data-slot=alert-title]{font-size:11px}.components-workspace-alert [data-slot=alert-description]{font-size:10px;line-height:1.7}.components-alert-dismiss{position:absolute;top:9px;right:10px}.components-notice{color:#9375a7;z-index:4;background:#fff;border:1px solid #d9cce3;border-radius:8px;align-items:center;gap:9px;max-width:calc(100% - 32px);padding:8px 9px 8px 13px;font-size:10px;line-height:1.5;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #3720450d}.components-notice>svg{flex:none}.components-notice :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){flex:none;font-size:10px}.components-notice :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]):last-child{width:21px;height:21px}.components-menu{background:var(--popover);min-width:230px;color:var(--popover-foreground);border-color:var(--border);padding:5px;font-size:12px;box-shadow:0 8px 30px #31213f12}.components-menu [data-slot=dropdown-menu-label]{color:#b19dbf;padding:9px 8px 6px;font-size:10px;font-weight:500}.components-menu [data-slot=dropdown-menu-item]{color:#81688f;border-radius:4px;gap:8px;padding:8px;font-size:11px}.components-menu [data-slot=dropdown-menu-item]:focus{background:var(--accent);color:var(--accent-foreground)}.components-menu [data-slot=dropdown-menu-item][data-variant=destructive]{color:var(--destructive)}.components-menu [data-slot=dropdown-menu-item] svg{width:13px;height:13px}.components-menu [data-slot=dropdown-menu-separator]{background:var(--border)}.components-dialog{border-color:var(--border);width:min(520px,100vw - 32px);max-width:520px;max-height:calc(100svh - 48px);color:var(--foreground);background:#fff;border-radius:13px;gap:21px;padding:25px;overflow-y:auto;box-shadow:0 20px 80px #28173525}.components-dialog [data-slot=dialog-title]{letter-spacing:-.5px;color:#624773;font-size:20px;font-weight:530;line-height:1.3}.components-dialog [data-slot=dialog-description]{color:#a08cae;margin-top:1px;font-size:11px;line-height:1.8}.components-dialog [data-slot=field-group]{gap:17px}.components-dialog [data-slot=field]{gap:8px}.components-dialog [data-slot=field-label]{color:#8d749c}.components-dialog [data-slot=field-description]{color:#b09cbe;font-size:10px;line-height:1.7}.components-dialog [data-slot=tabs]{gap:18px}.components-dialog [data-slot=tabs-list]{background:var(--muted);border:1px solid #ede5f2;width:100%;height:33px;padding:3px}.components-dialog [data-slot=tabs-trigger]{color:#a48bb6;height:25px;font-size:11px;line-height:1.3}.components-dialog [data-slot=tabs-trigger][data-state=active]{color:#80618f;background:#fff;box-shadow:0 1px 3px #3a204805}.components-dialog :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){font-size:11px}.components-dialog :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]) svg{width:13px;height:13px}.components-dialog [data-slot=input]{color:#8b6e9d;height:35px;font-size:11px}.components-dialog [data-slot=separator]{background:var(--border)}.components-dialog [data-slot=alert]{background:snow;border-color:#edced5}.components-dialog [data-slot=alert-title]{color:var(--destructive);font-size:11px}.components-dialog [data-slot=alert-description]{color:var(--destructive);overflow-wrap:anywhere;font-size:10px;line-height:1.7}.components-import-json{field-sizing:fixed;color:#997eab;resize:vertical;height:200px;font:11px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}.components-import-file-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.components-import-file-row>div{flex-direction:column;gap:4px;display:flex}.components-import-file-row strong{color:#8b719c;font-size:11px;font-weight:500}.components-import-file-row span{color:#b29ec1;font-size:9px;line-height:1.6}.components-import-file-row :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){flex:none}.components-registry-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.components-optional{color:#bfadca;margin-left:auto;font-size:9px;font-weight:400}.components-connected-registries{flex-direction:column;gap:12px;display:flex}.components-connected-registries h3{color:#ac94bb;margin-bottom:1px;font-size:10px;font-weight:500}.components-connected-registries>div{color:#b19ac0;align-items:center;gap:10px;display:flex}.components-connected-registries>div>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.components-connected-registries strong{color:#9174a2;font-size:11px;font-weight:500}.components-connected-registries span{color:#b39ac4;overflow-wrap:anywhere;font-size:9px}.components-connected-registries [data-slot=badge]{background:var(--secondary);color:var(--secondary-foreground);font-size:9px}.components-mobile-navigation{flex:none;display:none}.components-spin{animation:1s linear infinite components-spin}@keyframes components-spin{to{transform:rotate(360deg)}}@container components (width<=1080px){.components-workspace-body{grid-template-columns:195px minmax(0,1fr) 230px}.components-heading{padding:20px}.components-design-heading{padding-inline:17px}.components-design-tabs{margin-inline:16px}.components-design-footer{padding-inline:16px}.components-inspector-section{padding:17px 15px}.components-color-field[data-slot=field]{grid-template-columns:62px minmax(0,1fr)}.components-catalog-item:is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){gap:8px;padding-inline:7px}.components-catalog-item-icon{width:25px;height:29px}.components-catalog-item-copy strong{font-size:10px}.components-save-state{display:none}}@container components (width<=900px){.components-workspace-body{display:flex;position:relative}.components-mobile-navigation{border-bottom:1px solid var(--border);background:#fcfbfd;justify-content:center;padding:11px 18px;display:flex}.components-mobile-navigation [data-slot=toggle-group]{background:#fff;border:1px solid #e4dbe9;border-radius:7px;gap:3px;width:100%;max-width:420px;padding:3px}.components-mobile-navigation [data-slot=toggle-group-item]{white-space:nowrap;flex:1;gap:7px;height:28px;font-size:10px;border-radius:4px!important}.components-catalog-panel,.components-design-panel,.components-customize-panel{border:0;flex:1;width:100%;display:none}.components-workspace[data-mobile-panel=browse] .components-catalog-panel,.components-workspace[data-mobile-panel=preview] .components-design-panel,.components-workspace[data-mobile-panel=customize] .components-customize-panel{display:flex}.components-catalog-panel{padding-inline:8px}.components-catalog-tools{grid-template-columns:1fr 1fr;gap:12px;padding-inline:14px;display:grid}.components-catalog-tools:has(>[data-slot=input-group]:only-child){grid-template-columns:1fr}.components-collection-tabs{padding:15px 14px 12px}.components-collection-tab-list{height:34px!important}.components-collection-tab-list [data-slot=toggle-group-item]{height:28px;font-size:11px}.components-catalog-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px 10px;padding-inline:14px;display:grid}.components-catalog-item:is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){gap:11px;min-height:60px;padding:10px}.components-catalog-item-icon{width:33px;height:34px}.components-catalog-item-copy strong{font-size:12px}.components-catalog-item-copy>span{font-size:10px}.components-catalog-item-add{opacity:1}.components-small-empty,.components-catalog-error{grid-column:1/-1}.components-catalog-footer{margin-inline:15px;padding-block:14px}.components-design-heading{padding:20px 23px 16px}.components-design-title h2{max-width:none;font-size:21px}.components-design-tabs{margin-inline:22px}.components-design-footer{padding-inline:22px}.components-preview-canvas{min-height:260px}.components-customize-heading{padding-inline:25px}.components-customize-scroll{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.components-inspector-section{padding:22px 25px}.components-inspector-section:first-child,.components-source-section{grid-column:1/-1}.components-inspector-section:nth-child(2){border-right:1px solid var(--border)}.components-inspector-section:nth-child(4){grid-column:1/-1}.components-inspector-section:nth-child(4)>[data-slot=field-group]{grid-template-columns:1fr 1fr;gap:18px;display:grid}.components-inspector-section:nth-child(4)>[data-slot=field-group]>[data-slot=field]:last-child{grid-column:1/-1}.components-workspace [data-slot=field-label]{font-size:12px}.components-section-heading h3{font-size:11px}.components-color-field[data-slot=field]{grid-template-columns:85px minmax(0,1fr)}}@container components (width<=560px){.components-heading{align-items:flex-start;gap:12px;padding:19px 17px}.components-heading-copy{gap:0}.components-heading-icon{display:none}.components-heading h1{font-size:22px}.components-heading p{max-width:180px;margin-top:6px;font-size:10px;line-height:1.65}.components-heading-actions{gap:6px;margin-top:1px}.components-heading-actions :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){height:30px;padding:6px 9px;font-size:10px}.components-heading-actions>:is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])>span{display:none}.components-heading-actions>:is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){width:30px;padding:6px}.components-heading-actions :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]) svg{width:12px;height:12px}.components-mobile-navigation{padding:10px 16px}.components-catalog-panel{padding:0}.components-catalog-tools{grid-template-columns:1fr;gap:9px;padding-inline:15px}.components-catalog-list{grid-template-columns:1fr;gap:1px;padding-inline:9px}.components-catalog-item:is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){min-height:57px}.components-catalog-meta{padding-inline:20px}.components-catalog-item-copy strong{font-size:12px}.components-catalog-item-copy>span{font-size:10px}.components-collection-tabs{padding-inline:15px}.components-design-heading{padding:17px 17px 14px}.components-design-title h2{max-width:190px;font-size:18px}.components-design-heading p{font-size:9px}.components-design-tabs{border-radius:8px;margin-inline:12px}.components-preview-toolbar{gap:5px;height:44px;min-height:44px;padding-inline:10px}.components-editor-tabs{gap:13px}.components-editor-tabs [data-slot=tabs-trigger]{font-size:10px}.components-appearance-toggle{padding:1px}.components-appearance-toggle [data-slot=toggle-group-item]{min-width:21px;height:23px;padding:3px}.components-preview-sizebar{padding:9px 10px}.components-viewport-toggle{gap:1px}.components-viewport-toggle [data-slot=toggle-group-item]{min-width:22px;height:23px;padding:4px}.components-live-status{gap:4px;font-size:8px}.components-preview-canvas{min-height:230px;margin-inline:9px}.components-preview-caption{padding:10px;font-size:8px}.components-design-footer{padding:8px 13px 12px;font-size:8px}.components-design-footer>span{gap:4px}.components-design-footer :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){padding-inline:4px;font-size:8px}.components-customize-scroll{display:block}.components-inspector-section{padding:20px 23px}.components-inspector-section:nth-child(2){border-right:0}.components-inspector-section:nth-child(4)>[data-slot=field-group]{gap:17px;display:flex}.components-color-field[data-slot=field]{grid-template-columns:100px minmax(0,1fr)}.components-color-input{height:32px}.components-workspace .components-color-input [data-slot=input],.components-workspace .components-color-field [data-slot=field-label]{font-size:11px}.components-design-empty{gap:22px;padding:28px}.components-design-empty [data-slot=empty-title]{font-size:23px}.components-workspace-alert{margin-inline:12px}.components-notice{gap:6px;padding-left:10px;font-size:9px;bottom:10px}}@media (max-width:760px){.components-workspace{border-radius:0;min-height:630px}.components-dialog{gap:18px;max-height:calc(100svh - 32px);padding:22px}.components-dialog [data-slot=dialog-header]{text-align:left}.components-import-file-row{align-items:flex-start}.components-import-file-row span{max-width:175px}}@media (prefers-reduced-motion:reduce){.components-spin{animation-duration:2s}.components-workspace *,.components-dialog *{scroll-behavior:auto}}.components-starter-heading{color:var(--muted-foreground);flex-direction:column;gap:3px;padding:14px 11px 8px;font-size:10px;line-height:1.5;display:flex}.components-starter-heading strong{color:var(--foreground);font-size:11px;font-weight:600}.components-starter-heading:not(:first-child){border-top:1px solid var(--border);margin-top:10px}.component-layer-editor{--background:#fff;--foreground:#302a37;--card:#fff;--card-foreground:#302a37;--popover:#fff;--popover-foreground:#302a37;--primary:#3e3349;--primary-foreground:#fff;--secondary:#eee8f4;--secondary-foreground:#674784;--muted:#f2eff4;--muted-foreground:#81718d;--accent:#f0eaf6;--accent-foreground:#5f4278;--destructive:#bc4659;--border:#e6e0e9;--input:#ded6e4;--ring:#ad8dc7;width:100%;min-width:0;min-height:0;color:var(--foreground);background:#f8f6fa;flex-direction:column;flex:1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:1.5;display:flex;position:relative;overflow:hidden;container:layer-editor/inline-size}.component-layer-editor :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){background:var(--primary);height:29px;color:var(--primary-foreground);border:1px solid #0000;border-radius:6px;gap:6px;padding:5px 9px;font-size:11px;font-weight:500}.component-layer-editor :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]) svg{flex:none;width:13px;height:13px}.component-layer-editor :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=outline]{border-color:var(--input);background:var(--background);color:var(--foreground)}.component-layer-editor :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=ghost]{color:var(--muted-foreground);background:0 0}.component-layer-editor :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=secondary]{background:var(--secondary);color:var(--secondary-foreground)}.component-layer-editor :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=ghost]:hover,.component-layer-editor :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant])[data-variant=outline]:hover{background:var(--accent);color:var(--accent-foreground)}.component-layer-editor :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]):disabled{cursor:default;opacity:.38}.component-layer-editor [data-slot=input],.component-layer-editor [data-slot=textarea],.component-layer-editor [data-slot=native-select]{border:1px solid var(--input);min-width:0;height:31px;color:var(--foreground);outline-offset:1px;background:#fff;border-radius:5px;padding:6px 8px;font-size:11px;box-shadow:0 1px 2px #32203903}.component-layer-editor [data-slot=native-select-wrapper]{width:100%;min-width:0}.component-layer-editor [data-slot=native-select]{-webkit-appearance:none;appearance:none;width:100%;padding-right:24px}.component-layer-editor [data-slot=native-select-icon]{width:12px;height:12px;right:8px}.component-layer-editor [data-slot=input-group]{border:1px solid var(--input);height:30px;min-height:30px;box-shadow:none;background:#fff;border-radius:6px}.component-layer-editor [data-slot=input-group-control]{box-shadow:none;background:0 0;min-width:0;padding-block:5px;font-size:11px}.component-layer-editor [data-slot=input-group-addon]{color:var(--muted-foreground);padding-left:9px}.component-layer-editor [data-slot=input-group-addon] svg{width:12px;height:12px}.component-layer-editor [data-slot=field-group]{gap:12px}.component-layer-editor [data-slot=field]{gap:6px;min-width:0}.component-layer-editor [data-slot=field-label]{color:#7f6f8b;font-size:10px;font-weight:500;line-height:1.5}.component-layer-editor [data-slot=field-description]{color:#94829e;font-size:10px;line-height:1.65}.component-layer-editor [data-slot=toggle-group]{gap:2px}.component-layer-editor [data-slot=toggle-group-item]{min-width:27px;height:27px;color:var(--muted-foreground);background:0 0;border:0;gap:5px;padding:5px 7px;font-size:10px;border-radius:5px!important}.component-layer-editor [data-slot=toggle-group-item]:hover{background:var(--muted)}.component-layer-editor [data-slot=toggle-group-item][data-state=on]{background:var(--secondary);color:var(--secondary-foreground)}.component-layer-editor [data-slot=toggle-group-item] svg{flex:none;width:13px;height:13px}.component-layer-editor [data-slot=badge]{white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--border);color:#927aa3;background:0 0;max-width:145px;padding:2px 5px;font-size:9px;font-weight:500;line-height:1.4;overflow:hidden}.component-layer-editor [data-slot=switch]{background:var(--input);border:1px solid #0000;padding:0}.component-layer-editor [data-slot=switch][data-state=checked]{background:var(--primary)}.component-layer-editor [data-slot=switch-thumb]{background:#fff}.component-layer-editor :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--ring);outline-offset:2px}.component-layer-editor code{font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.layer-editor-toolbar{border-bottom:1px solid var(--border);background:#fff;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:47px;padding:8px 16px;display:flex}.layer-toolbar-start,.layer-toolbar-end{align-items:center;gap:12px;min-width:0;display:flex}.layer-editor-mark{white-space:nowrap;color:#8a6ca0;align-items:center;gap:7px;display:flex}.layer-editor-mark strong{color:#675074;font-size:11px;font-weight:550}.layer-editor-divider{background:#e8e0ee;flex:none;width:1px;height:17px;display:block}.layer-interaction-toggle{background:#f8f5fb;border:1px solid #ede7f1;border-radius:6px;padding:2px}.layer-edit-state{color:#9b8aa6;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}.layer-edit-state>svg{color:#9bb5a5}.layer-history{align-items:center;gap:1px;display:flex}.layer-history [data-slot=button]{width:27px;height:27px;padding:5px 6px}.layer-editor-alert[data-slot=alert]{background:#fff3f5;border:0;border-bottom:1px solid #efd6dd;border-radius:0;flex:none;padding:11px 44px 11px 19px;font-size:11px;position:relative}.layer-editor-alert [data-slot=alert-title]{font-size:11px;font-weight:550}.layer-editor-alert [data-slot=alert-description]{font-size:10px;line-height:1.6}.layer-editor-alert>[data-slot=button]{width:25px;height:25px;position:absolute;top:9px;right:10px}.layer-mobile-navigation{display:none}.layer-editor-body{flex:1;grid-template-columns:218px minmax(0,1fr) 288px;min-width:0;min-height:0;display:grid;overflow:hidden}.layer-tree-panel{border-right:1px solid var(--border);background:#fdfcfe;flex-direction:column;min-width:0;min-height:0;display:flex}.layer-panel-heading{border-bottom:1px solid #efe9f3;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:11px 15px;display:flex}.layer-panel-heading h3{letter-spacing:.05px;color:#70577f;align-items:center;gap:7px;margin:0;font-size:11px;font-weight:550;display:flex}.layer-panel-heading h3 span{color:#ad9bb9;font-variant-numeric:tabular-nums;font-size:9px;font-weight:400}.layer-panel-heading [data-slot=button]{width:23px;height:22px;padding:4px}.layer-tree-search{flex:none;padding:11px 12px 9px}.layer-tree-scroll{scrollbar-width:thin;scrollbar-color:#e0d7e8 transparent;overscroll-behavior:contain;flex:1;min-height:0;padding:0 5px 18px;overflow:hidden auto}.layer-tree-loading{color:#9a84a8;align-items:center;gap:8px;padding:17px 10px;font-size:10px;display:flex}.layer-file{margin-top:7px}.component-layer-editor .layer-file-heading[data-slot=button]{color:#9a80ab;text-align:left;border-radius:5px;justify-content:flex-start;gap:5px;width:100%;height:31px;margin:0 0 2px;padding:4px 7px;display:flex}.layer-file-heading>svg{width:12px!important;height:12px!important}.layer-file-heading>svg:first-child{transition:transform .15s;width:10px!important;height:10px!important}.layer-file-heading>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;font-weight:550;overflow:hidden}.layer-file-heading>small{color:#b5a4c1;text-align:right;min-width:13px;font-size:9px;font-weight:400}.is-collapsed{transform:rotate(-90deg)}.layer-tree-row{border-radius:5px;align-items:center;min-width:0;min-height:31px;margin-bottom:1px;display:flex;position:relative}.layer-tree-row[data-selected=true]{background:#eee6f6;box-shadow:inset 0 0 0 1px #e3d6ed}.layer-tree-row[data-selected=true]:before{content:"";background:#a586bd;border-radius:3px;width:2px;position:absolute;top:8px;bottom:8px;left:0}.layer-tree-disclosure{color:#b49bc6;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:14px;height:23px;padding:0;display:flex}.layer-tree-disclosure>svg{transition:transform .15s}.component-layer-editor .layer-tree-item[data-slot=button]{color:#8a739b;min-width:0;height:31px;box-shadow:none;background:0 0;border:0;border-radius:3px;flex:1;justify-content:flex-start;gap:6px;padding:4px 6px 4px 1px;font-size:10px;font-weight:400;display:flex}.component-layer-editor .layer-tree-item[data-slot=button]:hover{color:#5c4073;background:0 0}.layer-tree-item>svg{color:#b09ac0;width:12px!important;height:12px!important}.layer-tree-item>span{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.component-layer-editor .layer-tree-item[aria-selected=true]{color:#70468e;font-weight:500}.layer-tree-item .layer-hidden-mark{color:#b5a1c3;width:10px!important;height:10px!important}.layer-file-error{color:#ad657a;background:#fff6f8;border-radius:5px;flex-wrap:wrap;align-items:flex-start;gap:6px;padding:9px 11px;font-size:9px;line-height:1.65;display:flex}.layer-file-error>svg{flex:none;margin-top:2px}.layer-file-error>span{overflow-wrap:anywhere;flex:1;min-width:0}.layer-file-empty{color:#b09bbe;padding:9px 13px;font-size:9px}.layer-tree-footer{color:#b09cbd;border-top:1px solid #eae3ef;flex-direction:column;flex:none;gap:5px;padding:12px 14px;font-size:9px;line-height:1.65;display:flex}.layer-tree-footer>span:first-child{color:#937ba4;align-items:center;gap:6px;display:flex}.layer-tree-footer>span:last-child{font-size:8px}.layer-preview-panel{background:#faf8fc;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.layer-canvas-toolbar{flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:45px;padding:9px 13px;display:flex}.layer-preview-status{color:#ac99b9;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.layer-preview-status>span{background:#9bbba8;border-radius:50%;width:5px;height:5px;display:block}.layer-preview-status[data-status=compiling]>span{background:#c8b2d7}.layer-preview-status[data-status=error]>span{background:#bd8191}.layer-preview-controls{align-items:center;gap:6px;display:flex}.layer-preview-controls .layer-editor-divider{height:13px}.layer-viewport-toggle,.layer-appearance-toggle{gap:1px!important}.layer-preview-controls [data-slot=toggle-group-item]{min-width:23px;height:24px;padding:4px 5px}.layer-preview-controls [data-slot=toggle-group-item] svg{width:12px;height:12px}.layer-preview-canvas{background-color:#f2eef6;background-image:radial-gradient(#d6c9e480 .7px,#0000 .7px);background-size:12px 12px;border:1px solid #e5ddec;border-radius:9px;flex:1;min-width:0;min-height:0;margin:0 12px;display:flex;overflow:hidden;box-shadow:inset 0 1px 3px #3a254603}.layer-canvas-footer{color:#aa98b6;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px 13px;font-size:9px;display:flex}.layer-canvas-footer>span:first-child{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.layer-canvas-footer strong{color:#8e719f;text-overflow:ellipsis;font-weight:500;overflow:hidden}.layer-canvas-footer>span:last-child{font-variant-numeric:tabular-nums;flex:none}.layer-inspector{border-left:1px solid var(--border);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.layer-selection-heading{border-bottom:1px solid #eee8f2;flex:none;padding:12px 14px 10px}.layer-selection-heading>[data-slot=field]{margin-bottom:8px}.component-layer-editor .layer-selection-heading [data-slot=input]{background:#fdfbfe;height:30px;font-size:11px;font-weight:500}.layer-structure-actions{align-items:center;gap:5px;display:flex}.layer-structure-actions :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){width:27px;height:25px;padding:5px}.layer-structure-actions :is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]):last-child{margin-left:auto}.layer-inspector-tabs[data-slot=tabs]{flex-direction:column;flex:1;gap:0;min-width:0;min-height:0;display:flex;overflow:hidden}.layer-inspector-tab-list[data-slot=tabs-list]{background:#fff;border-bottom:1px solid #eae3ef;border-radius:0;flex:none;justify-content:flex-start;gap:18px;width:100%;height:38px;min-height:38px;padding:0 15px}.layer-inspector-tab-list [data-slot=tabs-trigger]{color:#a28bb2;height:38px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;gap:5px;padding:0 1px;font-size:10px;display:flex}.layer-inspector-tab-list [data-slot=tabs-trigger][data-state=active]{color:#67437f}.layer-inspector-tab-list [data-slot=tabs-trigger]:after{background:#a587bb;height:2px;bottom:0}.layer-inspector-content[data-slot=tabs-content]{scrollbar-width:thin;scrollbar-color:#e2d8ea transparent;overscroll-behavior:contain;outline:none;flex:1;min-height:0;overflow:hidden auto}.layer-inspector-content[data-state=inactive]{display:none}.layer-style-scope{background:#fdfbfe;border-bottom:1px solid #eee7f3;padding:13px 14px 12px}.layer-scope-label{color:#957ba5;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px;font-size:10px;display:flex}.layer-scope-label code{color:#8c66a6;text-overflow:ellipsis;white-space:nowrap;background:#f0e8f6;border-radius:4px;max-width:150px;padding:1px 5px;overflow:hidden}.layer-scope-fields[data-slot=field-group]{grid-template-columns:1.1fr 1fr;gap:8px;display:grid}.layer-style-scope>p{color:#ac99b8;margin-top:9px;font-size:9px;line-height:1.65}.layer-style-scope>p code{color:#947aa5;font-size:9px}.layer-inherited-note{color:#a28bb4;background:#f8f5fc;border-bottom:1px solid #eee7f3;gap:7px;padding:10px 14px;font-size:9px;line-height:1.7;display:flex}.layer-inherited-note>svg{color:#b39bc6;flex:none;margin-top:2px}.layer-inherited-note[data-warning=true]{color:#9e8359;background:#fffbf4}.layer-style-sections[data-slot=accordion]{padding:0}.layer-style-sections [data-slot=accordion-item]{border-color:#eee7f3}.layer-style-sections [data-slot=accordion-trigger]{color:#7c5e90;box-shadow:none;border-radius:0;align-items:center;gap:10px;padding:14px;font-size:10px;font-weight:550;text-decoration:none}.layer-style-sections [data-slot=accordion-trigger]:hover{background:#fcfafd}.layer-style-sections [data-slot=accordion-trigger]>span{align-items:center;gap:7px;display:flex}.layer-style-sections [data-slot=accordion-trigger]>span>svg{color:#ac94bf}.layer-style-sections [data-slot=accordion-trigger]>svg{color:#b9a4c7;width:12px;height:12px;transform:translateY(0)}.layer-style-sections [data-slot=accordion-trigger][data-state=open]>svg{transform:rotate(180deg)}.layer-style-sections [data-slot=accordion-content]>div{padding:0 14px 16px}.layer-property-grid[data-slot=field-group]{grid-template-columns:1fr 1fr;gap:11px 9px;display:grid}.layer-property-field [data-slot=input]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.layer-property-field [data-slot=input]::placeholder{color:#b4a5be;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px}.layer-utility-color{align-items:center;min-width:0;display:flex;position:relative}.layer-utility-color>[data-slot=input]{width:100%;min-width:0;padding-left:27px}.layer-utility-swatch{background-image:linear-gradient(45deg,#e8dfed 25%,#0000 25%),linear-gradient(-45deg,#e8dfed 25%,#0000 25%);background-size:6px 6px;border:1px solid #ad98bc55;border-radius:3px;width:13px;height:13px;position:absolute;top:9px;left:7px;overflow:hidden}.layer-utility-swatch>input{opacity:0;cursor:pointer;border:0;width:30px;min-width:30px;height:30px;padding:0;position:absolute;inset:-8px}.layer-section-label{color:#b29bc3;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.layer-section-label h4{color:#806293;margin:0;font-size:10px;font-weight:550}.layer-raw-classes,.layer-arbitrary-property,.layer-content-section{border-bottom:1px solid #eee7f3;padding:16px 14px}.layer-content-section:last-child{border-bottom:0}.component-layer-editor .layer-raw-classes [data-slot=textarea]{resize:vertical;color:#8b62a2;background:#fcfafd;height:auto;min-height:118px;max-height:250px;padding:10px;font:10px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace}.layer-raw-classes>[data-slot=button],.layer-arbitrary-property>[data-slot=button],.layer-add-attribute>[data-slot=button]{height:28px;margin-top:12px;font-size:10px}.layer-class-actions{align-items:center;gap:6px;margin-top:12px;display:flex}.layer-class-actions>[data-slot=button]{height:28px;font-size:10px}.layer-inherited-classes{color:#ac96bc;margin-top:12px;font-size:9px}.layer-inherited-classes>summary{cursor:pointer;justify-content:space-between;align-items:center;padding:5px 0;list-style:none;display:flex}.layer-inherited-classes>summary::-webkit-details-marker{display:none}.layer-inherited-classes[open]>summary>svg{transform:rotate(180deg)}.layer-inherited-classes>code{overflow-wrap:anywhere;color:#a58fb6;margin-top:6px;font-size:9px;line-height:1.9;display:block}.layer-arbitrary-property>[data-slot=field-group]{grid-template-columns:1fr 1fr;gap:9px;display:grid}.layer-arbitrary-property>p{color:#ab96b9;overflow-wrap:anywhere;margin-top:9px;font-size:9px;line-height:1.7}.layer-arbitrary-property>p code{font-size:9px}.layer-content-section [data-slot=textarea]{resize:vertical;height:auto;min-height:100px;padding:9px;font-size:11px;line-height:1.7}.layer-content-help{color:#a18baf;font-size:10px;line-height:1.8}.layer-attribute-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.layer-attribute-label>[data-slot=button]{color:#b49fc2;width:19px;height:19px;padding:3px}.layer-attribute-label>[data-slot=button]>svg{width:10px;height:10px}.layer-expression-value{color:#b19bbe;align-items:center;gap:6px;padding:5px 0;font-size:9px;display:flex}.layer-add-attribute{border-top:1px dashed #e4d9ec;margin-top:18px;padding-top:17px}.layer-add-attribute>[data-slot=field-group]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.layer-add-attribute>[data-slot=field-group]>[data-slot=field]:last-child{grid-column:1/-1}.layer-empty[data-slot=empty]{border:0;gap:14px;padding:25px 16px}.layer-empty [data-slot=empty-header]{gap:8px}.layer-empty [data-slot=empty-media]{color:#b29ac4;background:#f3edf8}.layer-empty [data-slot=empty-title]{color:#8f6ca4;font-size:12px;font-weight:500}.layer-empty [data-slot=empty-description]{color:#a18bad;font-size:10px;line-height:1.8}.layer-editor-notice{color:#8c6da0;z-index:5;background:#fdfbff;border:1px solid #dfd1e9;border-radius:8px;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:7px 8px 7px 12px;font-size:10px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #48255a12}.layer-editor-notice>span{overflow-wrap:anywhere;min-width:0}.layer-editor-notice>[data-slot=button]{width:21px;height:21px;padding:4px}.components-editor-mode[data-slot=toggle-group]{background:#f5f1f8;border:1px solid #e4dbe9;border-radius:7px;align-items:center;gap:2px;padding:3px;display:flex}.components-editor-mode [data-slot=toggle-group-item]{white-space:nowrap;gap:5px;height:26px;padding:4px 9px;font-size:10px;border-radius:4px!important}.components-editor-mode [data-slot=toggle-group-item][data-state=on]{color:#6e4789;background:#fff;box-shadow:0 1px 3px #4126520b}.components-editor-mode [data-slot=toggle-group-item] svg{width:12px;height:12px}.components-advanced-workspace{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.components-advanced-heading{border-bottom:1px solid var(--border);background:#fcfafd;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:12px 17px;display:flex}.components-advanced-picker{align-items:center;gap:10px;min-width:0;display:flex}.components-advanced-picker>svg{color:#ab8fbd;flex:none}.components-advanced-picker>[data-slot=native-select-wrapper]{min-width:150px;max-width:350px}.components-advanced-picker [data-slot=native-select]{background:#fff;border-color:#e3d8eb;height:31px;font-size:11px;font-weight:500}.components-advanced-picker>[data-slot=badge]{font-size:9px}.components-advanced-actions{flex:none;align-items:center;gap:7px;display:flex}.components-advanced-actions [data-slot=button]{gap:6px;height:29px;padding:5px 9px;font-size:10px}.components-advanced-actions [data-slot=button]>svg{width:12px;height:12px}.components-workspace[data-editor-mode=advanced] .components-heading{padding-block:17px}.components-workspace[data-editor-mode=advanced] .components-heading-icon{border-radius:9px;width:36px;height:36px}.components-workspace[data-editor-mode=advanced] .components-heading h1{font-size:21px}@container layer-editor (width<=1150px){.layer-editor-body{grid-template-columns:195px minmax(0,1fr) 266px}.layer-preview-status{font-size:8px}.layer-canvas-toolbar{gap:5px;padding-inline:11px}.layer-canvas-toolbar .layer-preview-controls{gap:4px}.layer-preview-controls [data-slot=toggle-group-item]{min-width:21px;padding:4px}.layer-canvas-footer{font-size:8px}}@container layer-editor (width<=900px){.layer-editor-body{display:flex;position:relative}.layer-mobile-navigation{border-bottom:1px solid var(--border);background:#fdfbfe;flex:none;justify-content:center;padding:8px 13px;display:flex}.layer-mobile-navigation [data-slot=toggle-group]{background:#f4eff8;border:1px solid #e7dded;border-radius:6px;width:100%;max-width:420px;padding:2px}.layer-mobile-navigation [data-slot=toggle-group-item]{flex:1;justify-content:center;min-height:29px}.layer-mobile-navigation [data-slot=toggle-group-item][data-state=on]{background:#fff;box-shadow:0 1px 3px #4828590b}.layer-tree-panel,.layer-preview-panel,.layer-inspector{border:0;flex:1;width:100%;min-height:0;display:none}.component-layer-editor[data-panel=layers] .layer-tree-panel,.component-layer-editor[data-panel=canvas] .layer-preview-panel,.component-layer-editor[data-panel=properties] .layer-inspector{display:flex}.layer-tree-search{padding-inline:17px}.layer-tree-scroll{padding-inline:10px}.layer-tree-item>span{font-size:12px}.component-layer-editor .layer-tree-item[data-slot=button]{height:34px}.layer-file-heading>span{font-size:11px}.layer-inspector>.layer-panel-heading,.layer-selection-heading{padding-inline:20px}.layer-selection-heading{justify-content:space-between;align-items:center;gap:18px;padding-block:12px;display:flex}.layer-selection-heading>[data-slot=field]{flex:1;max-width:400px;margin:0}.layer-structure-actions{flex:none}.layer-inspector-tab-list[data-slot=tabs-list]{padding-inline:20px}.layer-style-scope,.layer-raw-classes,.layer-arbitrary-property,.layer-content-section{padding:16px 20px}.layer-style-sections [data-slot=accordion-trigger]{padding:15px 20px;font-size:11px}.layer-style-sections [data-slot=accordion-content]>div{padding:0 20px 18px}.layer-property-grid[data-slot=field-group]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.layer-inherited-note{padding-inline:20px;font-size:10px}.layer-style-scope>.layer-scope-fields{max-width:500px}.layer-canvas-toolbar{padding:10px 15px}.layer-preview-status{font-size:10px}.layer-preview-controls [data-slot=toggle-group-item]{min-width:26px;height:26px;padding:5px}}@container layer-editor (width<=560px){.layer-editor-toolbar{gap:7px;min-height:45px;padding:8px 11px}.layer-editor-mark,.layer-toolbar-start>.layer-editor-divider,.layer-edit-state{display:none}.layer-toolbar-start,.layer-toolbar-end{gap:5px}.layer-interaction-toggle [data-slot=toggle-group-item]{padding:4px 7px;font-size:10px}.layer-preview-status{text-overflow:ellipsis;white-space:nowrap;max-width:135px;font-size:9px;overflow:hidden}.layer-canvas-toolbar{gap:5px;padding:10px}.layer-preview-controls{gap:3px}.layer-preview-controls [data-slot=toggle-group-item]{min-width:22px;height:23px;padding:4px}.layer-preview-canvas{border-radius:7px;margin-inline:8px}.layer-canvas-footer{padding:10px 11px;font-size:8px}.layer-selection-heading{padding:12px 16px 10px;display:block}.layer-selection-heading>[data-slot=field]{max-width:none;margin:0 0 9px}.layer-structure-actions{gap:8px}.layer-property-grid[data-slot=field-group]{grid-template-columns:1fr 1fr}.layer-style-scope,.layer-raw-classes,.layer-arbitrary-property,.layer-content-section,.layer-style-sections [data-slot=accordion-trigger],.layer-style-sections [data-slot=accordion-content]>div{padding-inline:16px}.layer-panel-heading h3{font-size:12px}.component-layer-editor [data-slot=field-label]{font-size:11px}.component-layer-editor [data-slot=input],.component-layer-editor [data-slot=native-select]{height:34px;font-size:12px}.layer-editor-notice{gap:6px;font-size:9px;bottom:9px}}@container components (width<=1100px){.components-heading-actions{gap:6px}.components-editor-mode [data-slot=toggle-group-item]{padding-inline:7px}.components-editor-mode [data-slot=toggle-group-item]>svg{display:none}}@container components (width<=760px){.components-heading{flex-wrap:wrap;padding:17px}.components-heading-copy{flex:1;min-width:180px}.components-heading-copy p{max-width:none;font-size:10px}.components-heading-actions{flex-wrap:wrap}.components-heading .components-editor-mode{order:3}.components-editor-mode [data-slot=toggle-group-item]{min-width:70px}.components-advanced-heading{gap:9px;padding:10px 12px}.components-advanced-picker{flex:1;gap:7px}.components-advanced-picker>[data-slot=native-select-wrapper]{flex:1;min-width:0;max-width:300px}.components-advanced-picker>[data-slot=badge]{display:none}.components-advanced-actions .components-advanced-browse{gap:0;width:29px;padding:6px;font-size:0}.components-advanced-actions .components-advanced-browse svg{width:13px;height:13px}}@container components (width<=560px){.components-heading-copy{min-width:145px}.components-heading-actions .components-editor-mode{flex-basis:100%;order:0;justify-content:center;position:static}.components-heading-actions{justify-content:flex-end;max-width:190px}.components-heading-actions .components-editor-mode [data-slot=toggle-group-item]{flex:1;min-width:65px;height:25px;padding-inline:6px;font-size:9px}.components-heading-actions .components-editor-mode [data-slot=toggle-group-item] svg{display:none}}.layer-library-tabs{border-bottom:1px solid #eae3ef;flex:none;padding:10px 12px}.layer-library-tabs [data-slot=toggle-group]{background:#f5f0f9;border:1px solid #e8e0ef;border-radius:7px;width:100%;padding:2px}.layer-library-tabs [data-slot=toggle-group-item]{flex:1;justify-content:center;height:29px}.layer-library-tabs [data-slot=toggle-group-item][data-state=on]{color:#705184;background:#fff;box-shadow:0 1px 3px #4c2c6010}.layer-tree-item>.layer-slot-count{color:#9b7db2;text-align:center;font-variant-numeric:tabular-nums;background:#eae2f1;border-radius:4px;flex:none;place-items:center;width:15px;height:15px;margin-left:auto;font-size:8px;display:grid}.layer-tree-row[data-slot-target]:hover{background:#f1eaf7}.layer-tree-row[data-drop-active=true]{background:#e8dbf4;box-shadow:inset 0 0 0 1.5px #aa86c5}.layer-insert-target{border-bottom:1px solid #eee7f2;flex-direction:column;flex:none;gap:6px;padding:5px 14px 14px;display:flex}.layer-insert-target>span{letter-spacing:.09em;color:#b09abd;font-size:8px;font-weight:600}.layer-insert-target>strong{color:#775887;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:550;overflow:hidden}.layer-insert-target>p{color:#9d85ae;margin:0;font-size:10px;line-height:1.7}.layer-insert-target [data-slot=native-select]{background:#fcfafd;height:29px;font-size:10px}.layer-insert-library{scrollbar-width:thin;scrollbar-color:#e0d7e8 transparent;overscroll-behavior:contain;flex-direction:column;flex:1;gap:5px;min-height:0;padding:12px 9px;display:flex;overflow:auto}.layer-insert-asset{cursor:grab;color:#9f83b2;text-align:left;background:#fff;border:1px solid #e9e1f0;border-radius:8px;flex:none;align-items:center;gap:9px;width:100%;min-height:58px;padding:9px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #4e2f5c03}.layer-insert-asset:hover,.layer-insert-asset[data-selected=true]{background:#fcf9ff;border-color:#d2bddf;box-shadow:0 2px 6px #58306c06}.layer-insert-asset:active{cursor:grabbing}.layer-insert-asset:disabled{cursor:default;opacity:.45}.layer-insert-asset-icon{color:#a383b9;background:linear-gradient(145deg,#f6effc,#fff);border:1px solid #ece3f3;border-radius:7px;flex:none;place-items:center;width:30px;height:32px;display:grid}.layer-insert-asset>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.layer-insert-asset strong{color:#735683;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:550;overflow:hidden}.layer-insert-asset small{color:#ac94bb;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.layer-insert-asset>svg{opacity:.7;flex:none}.layer-insert-library>[data-slot=alert]{color:#a2687c;background:#fff4f6;border-color:#ead6dd;padding:10px;font-size:10px}.layer-insert-help{color:#aa93b9;border-top:1px solid #eee7f3;flex:none;margin:0;padding:10px 14px 13px;font-size:9px;line-height:1.7}.layer-tree-panel>.component-theme-selector{border-top:1px solid #eae3ef;flex:none;padding:12px 14px}.layer-inspector-tab-list[data-slot=tabs-list]{gap:15px}.layer-tab-count{color:#a386b7;background:#f0e9f7;border-radius:4px;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:8px;display:grid}.layer-slots-intro{background:#fdfbfe;border-bottom:1px solid #eee7f3;padding:15px 14px 14px}.layer-slots-intro>strong{color:#7c5b90;font-size:11px;font-weight:550}.layer-slots-intro>p{color:#a18aad;margin:7px 0 12px;font-size:10px;line-height:1.8}.layer-slots-intro>[data-slot=button]{width:100%;height:29px;font-size:10px}.layer-slot-card{background:#fefcff;border:1px solid #e8deef;border-radius:9px;margin:13px 13px 0;padding:11px;transition:border-color .15s,background .15s,box-shadow .15s}.layer-slot-card[data-selected=true]{border-color:#d3bfdf;box-shadow:0 1px 4px #66317d06}.layer-slot-card[data-drop-active=true]{background:#f0e4fa;border-color:#ac84c7;box-shadow:0 0 0 2px #d5b9e755}.layer-slot-heading{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0;display:flex}.layer-slot-heading>span{color:#b59cc7;align-items:center;gap:6px;min-width:0;display:flex}.layer-slot-heading strong{color:#7c5b91;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:550;overflow:hidden}.layer-slot-card>p{color:#a28aaf;margin:8px 0 11px;font-size:9px;line-height:1.8}.layer-slot-drop{color:#a183b6;text-align:center;background:#f9f5fd;border:1px dashed #d9c7e5;border-radius:7px;flex-direction:column;align-items:center;gap:5px;padding:15px 8px;display:flex}.layer-slot-drop>span{color:#9471aa;font-size:9px;font-weight:500}.layer-slot-drop>small{color:#b098c0;font-size:8px}.layer-slot-card .layer-slot-insert[data-slot=button]{gap:5px;width:100%;max-width:100%;height:28px;margin-top:10px;font-size:9px;display:flex}.layer-slot-insert>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layer-slot-footnote{color:#aa93b7;margin:0;padding:14px 17px 18px;font-size:9px;line-height:1.8}.layer-preview-canvas{position:relative}.layer-canvas-slot-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:inherit;z-index:4;background:#f9f5fef0;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:26px;display:flex;position:absolute;inset:0;overflow:auto}.layer-canvas-slot-heading{text-align:center;color:#ae8dc4;flex-direction:column;flex:none;align-items:center;gap:9px;max-width:370px;display:flex}.layer-canvas-slot-heading>strong{color:#805b98;font-size:14px;font-weight:550}.layer-canvas-slot-heading>p{color:#a48ab6;margin:0;font-size:11px;line-height:1.8}.layer-canvas-slot-list{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:550px;display:flex}.layer-canvas-slot{color:#ad8bc3;text-align:center;background:#fff9;border:1.5px dashed #c9afdb;border-radius:12px;flex-direction:column;flex:155px;justify-content:center;align-items:center;gap:9px;max-width:240px;min-height:128px;padding:20px 13px;transition:background .15s,box-shadow .15s,border-color .15s;display:flex}.layer-canvas-slot>strong{color:#8b659f;font-size:12px;font-weight:550}.layer-canvas-slot>span{color:#aa8abf;font-size:9px;line-height:1.7}.layer-canvas-slot[data-drop-active=true]{background:#f1e5fc;border-color:#a67dc4;box-shadow:0 0 0 4px #d8c3e75c}@container layer-editor (width<=900px){.layer-insert-library{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-content:start;gap:9px;padding:14px 17px;display:grid}.layer-insert-asset{min-height:64px}.layer-insert-asset strong{font-size:11px}.layer-insert-target,.layer-insert-help,.layer-slots-intro{padding-inline:20px}.layer-insert-target [data-slot=native-select-wrapper]{max-width:420px}.layer-slot-card{margin:15px 20px 0}.layer-slot-footnote{padding-inline:20px}}@container layer-editor (width<=560px){.layer-toolbar-end .layer-save-block{gap:4px;padding:4px 6px;font-size:9px}.layer-canvas-slot-overlay{justify-content:flex-start;gap:15px;padding:18px}.layer-canvas-slot{min-height:100px;padding:15px 10px}}@media (prefers-reduced-motion:reduce){.component-layer-editor *{scroll-behavior:auto;transition-duration:.001ms!important;animation-duration:.001ms!important}}:is(.components-preview-tab:has(.component-variations),.layer-preview-panel:has(.component-variations)){overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;overflow:hidden auto}:is(.components-preview-tab:has(.component-variations)>.components-preview-canvas,.layer-preview-panel:has(.component-variations)>.layer-preview-canvas){flex:1 0 330px;min-height:330px}.component-variations{border:1px solid var(--border,#e6e0e9);background:var(--background,#fff);min-width:0;max-width:100%;color:var(--foreground,#302a37);border-radius:9px;flex:none;margin:12px 14px 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;line-height:1.5;position:relative;overflow:hidden;container:variations/inline-size}.layer-preview-panel>.component-variations{margin:12px 12px 0}.component-variations *{box-sizing:border-box}.component-variations .variation-heading{background:var(--background);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;min-height:43px;padding:8px 12px;display:flex}.component-variations[data-collapsed=true] .variation-heading{border-bottom:0}.variation-heading-title{align-items:center;gap:7px;min-width:0;display:flex}.variation-heading-title>svg{width:14px;height:14px;color:var(--secondary-foreground);flex:none}.variation-heading-title h3{letter-spacing:.01em;white-space:nowrap;color:var(--foreground);margin:0;font-size:11px;font-weight:550}.component-variations .variation-heading-title [data-slot=badge]{background:var(--muted);max-width:none;color:var(--muted-foreground);border-color:#0000;padding:4px 5px;font-size:9px;font-weight:450;line-height:1}.variation-heading-actions{flex:none;align-items:center;gap:2px;display:flex}.component-variations .variation-heading-actions [data-slot=button],.component-variations .variation-zoom-controls [data-slot=button]{height:24px;min-height:24px;box-shadow:none;border:1px solid #0000;border-radius:5px;gap:4px;padding:4px 6px;font-size:10px}.component-variations .variation-heading-actions [data-size=icon-xs],.component-variations .variation-zoom-controls [data-size=icon-xs]{width:24px;min-width:24px;padding:5px}.component-variations .variation-heading-actions [data-slot=button] svg,.component-variations .variation-zoom-controls [data-slot=button] svg{width:12px;height:12px}.variation-body{min-width:0}.variation-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;min-width:0;padding:9px 12px;display:flex}.component-variations .variation-field-group[data-slot=field-group]{flex-direction:row;flex:1;align-items:center;gap:7px;width:auto;min-width:150px;display:flex}.component-variations .variation-filters [data-slot=field]{gap:0;min-width:0;display:block}.component-variations .variation-target-field{flex:145px;max-width:220px}.component-variations .variation-search-field{flex:145px;max-width:230px}.component-variations .variation-filters [data-slot=native-select-wrapper]{width:100%;min-width:0;max-width:100%}.component-variations .variation-filters [data-slot=native-select]{border:1px solid var(--border);width:100%;height:27px;min-height:27px;color:var(--foreground);background:var(--background);box-shadow:none;border-radius:5px;padding:4px 25px 4px 8px;font-size:10px}.component-variations .variation-filters [data-slot=input-group]{background:var(--background);border:1px solid var(--border);height:27px;min-height:27px;box-shadow:none;border-radius:5px}.component-variations .variation-filters [data-slot=input-group-control]{min-width:0;height:25px;min-height:0;box-shadow:none;background:0 0;border:0;padding:4px 6px;font-size:10px}.component-variations .variation-filters [data-slot=input-group-addon]{color:var(--muted-foreground);padding:0 0 0 7px}.component-variations .variation-filters [data-slot=input-group-addon] svg{width:11px;height:11px}.component-variations .variation-kind-filter[data-slot=toggle-group]{flex-wrap:wrap;flex:none;gap:2px;min-width:0;max-width:100%;display:flex}.component-variations .variation-kind-filter [data-slot=toggle-group-item]{gap:4px;min-width:0;height:25px;padding:4px 6px;font-size:9px;border-radius:4px!important}.component-variations .variation-kind-filter [data-slot=toggle-group-item] svg{width:11px;height:11px}.variation-composition{background:var(--accent);align-items:flex-start;gap:8px;min-width:0;padding:8px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.variation-composition{background:color-mix(in srgb,var(--accent) 35%,var(--background))}}.variation-composition{border-bottom:1px solid var(--border)}.variation-composition-label{white-space:nowrap;color:var(--secondary-foreground);flex:none;align-items:center;gap:4px;font-size:9px;line-height:20px;display:flex}.variation-composition-label>svg{width:10px;height:10px}.variation-composition-chips{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.component-variations .variation-composition-chips [data-slot=badge]{text-overflow:ellipsis;white-space:nowrap;max-width:250px;color:var(--secondary-foreground);background:var(--secondary);border-color:var(--ring);padding:3px 6px;font-size:9px;font-weight:450;line-height:1.4;display:inline;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.component-variations .variation-composition-chips [data-slot=badge]{border-color:color-mix(in srgb,var(--ring) 28%,var(--border))}}.component-variations .variation-composition-chips [data-slot=badge]{border-radius:4px}.variation-chip-target{opacity:.7}.variation-canvas{background-color:var(--muted);min-width:0;max-width:100%;height:245px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.variation-canvas{background-color:color-mix(in srgb,var(--muted) 35%,var(--background))}}.variation-canvas{background-image:radial-gradient(circle,var(--muted-foreground) .65px,transparent .75px)}@supports (color:color-mix(in lab, red, red)){.variation-canvas{background-image:radial-gradient(circle,color-mix(in srgb,var(--muted-foreground) 30%,transparent) .65px,transparent .75px)}}.variation-canvas{touch-action:none;cursor:grab;isolation:isolate;contain:layout paint;-webkit-user-select:none;user-select:none;outline:none}.variation-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--ring)}.variation-canvas[data-dragging=true],.variation-canvas[data-dragging=true] *{cursor:grabbing!important}.component-variations[data-expanded=true] .variation-canvas{height:400px}.variation-world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.variation-connectors{pointer-events:none;color:var(--secondary-foreground);position:absolute;inset:0;overflow:visible}.variation-branch{fill:none;stroke:var(--ring)}@supports (color:color-mix(in lab, red, red)){.variation-branch{stroke:color-mix(in srgb,var(--ring) 44%,var(--border))}}.variation-branch{stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.variation-branch[data-selected=true]{stroke:var(--ring);stroke-width:1.5px}.variation-transition>path{fill:none;stroke:var(--secondary-foreground);stroke-width:1.1px;stroke-dasharray:3 3;stroke-linecap:round;opacity:.3}.variation-transition[data-active=true]>path{opacity:.8;stroke-width:1.35px}.variation-transition>text{fill:var(--secondary-foreground);paint-order:stroke;stroke:var(--background);stroke-width:4px;stroke-linejoin:round;opacity:0;font-family:inherit;font-size:8px;font-weight:500}.variation-transition[data-active=true]>text{opacity:1}.variation-target-group,.variation-axis-group{position:static}.variation-target{border:1px solid var(--ring);align-items:center;gap:9px;padding:7px 10px;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.variation-target{border:1px solid color-mix(in srgb,var(--ring) 25%,var(--border))}}.variation-target{background:var(--background);box-shadow:0 2px 5px var(--foreground);border-radius:7px}@supports (color:color-mix(in lab, red, red)){.variation-target{box-shadow:0 2px 5px color-mix(in srgb,var(--foreground) 4%,transparent)}}.variation-target>svg{width:17px;height:17px;color:var(--secondary-foreground);flex:none}.variation-target>div{flex-direction:column;gap:2px;min-width:0;display:flex}.variation-target strong{text-overflow:ellipsis;white-space:nowrap;color:var(--foreground);font-size:10px;font-weight:550;line-height:1.3;overflow:hidden}.variation-target span{color:var(--muted-foreground);font-size:8px;line-height:1.3}.variation-axis{border:1px solid var(--border);background:var(--background);border-radius:6px;flex-direction:column;justify-content:center;gap:4px;padding:7px 10px;display:flex;position:absolute}.variation-axis>div{align-items:center;gap:6px;min-width:0;display:flex}.variation-axis svg{width:12px;height:12px;color:var(--secondary-foreground);flex:none}.variation-axis strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;line-height:1.2;overflow:hidden}.variation-origin{color:var(--muted-foreground);align-items:center;gap:4px;padding-left:18px;font-size:8px;line-height:1.2;display:flex}.variation-origin:before,.variation-origin-legend i{content:"";background:var(--ring);border-radius:50%;flex:none;width:4px;height:4px;display:inline-block}.variation-origin[data-origin=primitive]:before,.variation-origin-legend i[data-origin=primitive]{background:var(--muted-foreground)}.variation-origin[data-origin=inferred]:before,.variation-origin-legend i[data-origin=inferred]{border:1px solid var(--muted-foreground);background:0 0}.component-variations .variation-node-group[data-slot=toggle-group]{display:contents;position:static}.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item]{border:1px solid var(--border);background:var(--background);min-width:0;min-height:36px;color:var(--foreground);text-align:left;box-shadow:0 1px 2px var(--foreground);justify-content:flex-start;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:450;line-height:1.3;display:flex;position:absolute;border-radius:6px!important}@supports (color:color-mix(in lab, red, red)){.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item]{box-shadow:0 1px 2px color-mix(in srgb,var(--foreground) 3%,transparent)}}.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item]{cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s}.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item]:hover{background:var(--accent);border-color:var(--ring);color:var(--accent-foreground);box-shadow:0 2px 6px var(--ring)}@supports (color:color-mix(in lab, red, red)){.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item]:hover{box-shadow:0 2px 6px color-mix(in srgb,var(--ring) 12%,transparent)}}.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item][data-state=on]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item][data-state=on]{background:color-mix(in srgb,var(--accent) 60%,var(--background))}}.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item][data-state=on]{border-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item][data-state=on]{border-color:color-mix(in srgb,var(--ring) 65%,var(--border))}}.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item][data-state=on]{color:var(--secondary-foreground)}.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item][data-override=true]{background:var(--secondary);border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}@supports (color:color-mix(in lab, red, red)){.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item][data-override=true]{box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 14%,transparent)}}.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item]:focus-visible{outline:2px solid var(--secondary-foreground);outline-offset:3px;z-index:2}.variation-value-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item]>svg{width:11px;height:11px;color:var(--secondary-foreground);flex:none}.component-variations .variation-node-group .variation-value[data-slot=toggle-group-item]:has(.variation-value-status){align-items:flex-start;padding-top:5px}.variation-value-status{text-transform:uppercase;letter-spacing:.055em;color:var(--muted-foreground);font-size:7px;line-height:1;position:absolute;bottom:4px;left:9px}.variation-value[data-override=true] .variation-value-status{color:var(--secondary-foreground)}.variation-canvas-toolbar{border-top:1px solid var(--border);background:var(--background);justify-content:space-between;align-items:center;gap:7px;min-height:34px;padding:4px 10px;display:flex}.variation-canvas-help{min-width:0;color:var(--muted-foreground);font-size:8px;line-height:1.4}.variation-zoom-controls{flex:none;align-items:center;gap:1px;display:flex}.component-variations .variation-zoom-controls .variation-zoom-percent{font-variant-numeric:tabular-nums;min-width:37px;font-size:9px}.variation-control-divider{background:var(--border);width:1px;height:12px;margin:0 4px}.variation-footnote{border-top:1px solid var(--border);color:var(--muted-foreground);background:var(--background);padding:8px 12px 9px;font-size:9px}.variation-preview-note{align-items:center;gap:5px;min-width:0;line-height:1.6;display:flex}.variation-default-indicator{border:1px solid var(--ring);border-radius:50%;flex:none;width:5px;height:5px}.variation-visible-count{white-space:nowrap;color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-left:auto;font-size:8px}.variation-coverage{margin-top:5px}.variation-coverage>summary{cursor:pointer;width:fit-content;color:var(--muted-foreground);align-items:center;gap:4px;font-size:8px;line-height:1.5;list-style:none;display:flex}.variation-coverage>summary::-webkit-details-marker{display:none}.variation-coverage>summary>svg{width:10px;height:10px}.variation-coverage>summary>svg:last-child{margin-left:2px;transition:transform .15s}.variation-coverage[open]>summary>svg:last-child{transform:rotate(180deg)}.variation-coverage-body{border-top:1px solid var(--border);overflow-wrap:anywhere;margin-top:8px;padding-top:8px;font-size:9px;line-height:1.7}.variation-coverage-body p{color:var(--muted-foreground);margin:0 0 8px}.variation-origin-legend{flex-direction:column;gap:4px;display:flex}.variation-origin-legend>span{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.variation-origin-legend i{align-self:center;margin-right:1px}.variation-origin-legend strong{color:var(--foreground);font-size:9px;font-weight:500}.variation-transition-list{margin-top:9px}.variation-transition-list>summary{cursor:pointer;color:var(--secondary-foreground)}.variation-transition-list ul{margin:5px 0 0;padding:0;list-style:none}.variation-transition-list li{background:var(--muted);border-radius:3px;flex-wrap:wrap;justify-content:space-between;gap:3px 10px;margin:4px 0;padding:3px 6px;display:flex}.variation-transition-list em{color:var(--secondary-foreground);font-style:normal}.variation-warnings{color:var(--muted-foreground);margin:9px 0 0;padding-left:14px}.variation-warnings li+li{margin-top:5px}.component-variations .variation-empty[data-slot=empty]{background:var(--muted);border:0;border-radius:0;gap:12px;min-height:160px;padding:23px 20px}@supports (color:color-mix(in lab, red, red)){.component-variations .variation-empty[data-slot=empty]{background:color-mix(in srgb,var(--muted) 30%,var(--background))}}.component-variations .variation-empty [data-slot=empty-header]{gap:6px;max-width:320px}.component-variations .variation-empty [data-slot=empty-media]{background:var(--secondary);width:31px;height:31px;color:var(--secondary-foreground);border-radius:7px;margin-bottom:4px}.component-variations .variation-empty [data-slot=empty-media] svg{width:16px;height:16px}.component-variations .variation-empty [data-slot=empty-title]{font-size:11px;font-weight:500}.component-variations .variation-empty [data-slot=empty-description]{color:var(--muted-foreground);font-size:10px;line-height:1.7}.component-variations .variation-error[data-slot=alert]{overflow-wrap:anywhere;border-color:var(--destructive);width:auto;max-width:calc(100% - 24px);margin:12px;padding:12px;font-size:11px}@supports (color:color-mix(in lab, red, red)){.component-variations .variation-error[data-slot=alert]{border-color:color-mix(in srgb,var(--destructive) 30%,var(--border))}}.component-variations .variation-error [data-slot=alert-title]{font-size:11px}.component-variations .variation-error [data-slot=alert-description]{font-size:10px;line-height:1.7}.variation-loading{min-height:180px;color:var(--muted-foreground);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-size:10px;display:flex}.variation-loading>div{align-items:center;gap:13px;width:min(100%,310px);display:flex}.variation-loading [data-slot=skeleton]{background:var(--muted);border:1px solid var(--border);border-radius:6px;flex:1;height:34px}.variation-loading [data-slot=skeleton]:first-child{height:44px}@container variations (width<=540px){.variation-filters{align-items:stretch}.component-variations .variation-field-group[data-slot=field-group]{flex:1 0 100%;min-width:0}.component-variations .variation-target-field,.component-variations .variation-search-field{max-width:none}.component-variations .variation-kind-filter[data-slot=toggle-group]{width:100%}.variation-canvas-help>span:not(.sr-only){display:none}.variation-composition{flex-direction:column;gap:4px}}@container variations (width<=380px){.component-variations .variation-heading{gap:4px;padding:8px}.variation-heading-title{gap:5px}.variation-heading-title h3{font-size:10px}.variation-heading-title>svg{width:12px;height:12px}.component-variations .variation-heading-title [data-slot=badge]{padding:3px 4px;font-size:8px}.variation-reset-label{display:none}.variation-heading-actions{gap:0}.component-variations .variation-heading-actions [data-slot=button]{width:22px;min-width:22px;padding:4px}.variation-filters{padding:8px}.component-variations .variation-kind-filter [data-slot=toggle-group-item]{gap:3px;padding-inline:5px;font-size:9px}.component-variations .variation-kind-filter [data-slot=toggle-group-item] svg{display:none}.variation-footnote{padding-inline:9px}.variation-preview-note{font-size:8px}.variation-canvas-toolbar{padding-inline:6px}.variation-canvas-help{font-size:7px}}@media (max-width:540px){.component-variations,.layer-preview-panel>.component-variations{margin-inline:8px}}@media (prefers-reduced-motion:reduce){.component-variations *{transition:none!important}.component-variations [data-slot=skeleton]{animation:none}}.charts-workspace-header{border-bottom:1px solid var(--border);background:var(--background);flex:none;justify-content:space-between;align-items:center;gap:24px;padding:23px 26px;display:flex}.charts-workspace-title{align-items:center;gap:13px;min-width:0;display:flex}.charts-workspace-mark{border:1px solid var(--border);background:var(--accent);width:37px;height:40px;color:var(--accent-foreground);border-radius:10px;flex:none;place-items:center;display:grid}.charts-workspace-mark>svg{width:21px;height:21px}.charts-workspace-title h1{letter-spacing:-.7px;color:var(--foreground);font-size:24px;font-weight:550;line-height:1.25}.charts-workspace-title p{color:var(--muted-foreground);margin:6px 0 0;font-size:11px;line-height:1.6}.charts-workspace-actions{flex:none;align-items:center;gap:8px;display:flex}.charts-workspace-actions>[data-slot=button]{gap:7px;height:33px;padding-inline:12px;font-size:11px}.charts-workspace-body{flex:1;grid-template-columns:208px minmax(0,1fr) 288px;min-width:0;min-height:0;display:grid;overflow:hidden}.charts-library{background:var(--background);border-right:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.charts-library-section{border-bottom:1px solid var(--border);padding:22px 14px}.charts-section-eyebrow{letter-spacing:1.45px;text-transform:uppercase;color:var(--muted-foreground);margin:0 5px 7px;font-size:8px}.charts-library-section h2{letter-spacing:-.1px;color:var(--foreground);margin:0 5px 17px;font-size:12px;font-weight:550}.charts-type-list[data-slot=toggle-group]{flex-direction:column;align-items:stretch;gap:4px;width:100%;display:flex}.charts-type-list .charts-type-option[data-slot=toggle-group-item]{text-align:left;width:100%;height:auto;min-height:52px;color:var(--muted-foreground);background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:10px;padding:10px;font-size:11px;display:flex;border-radius:8px!important}.charts-type-list .charts-type-option[data-state=on]{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent-foreground)}@supports (color:color-mix(in lab, red, red)){.charts-type-list .charts-type-option[data-state=on]{border-color:color-mix(in srgb,var(--accent-foreground) 14%,transparent)}}.charts-type-list .charts-type-option:hover{background:var(--accent)}.charts-type-option>svg{stroke-width:1.5px;flex:none;width:18px;height:18px}.charts-type-option>span{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.charts-type-option strong{color:inherit;font-size:11px;font-weight:550}.charts-type-option small{white-space:normal;color:var(--muted-foreground);font-size:8px;font-weight:400;line-height:1.45}.charts-type-option>.charts-type-check{width:11px;height:11px}.charts-palette-list[data-slot=toggle-group]{flex-direction:column;align-items:stretch;gap:3px;width:100%;display:flex}.charts-palette-list>[data-slot=toggle-group-item]{width:100%;height:36px;color:var(--muted-foreground);background:0 0;border:1px solid #0000;justify-content:space-between;gap:10px;padding:8px 9px;font-size:10px;font-weight:400;display:flex;border-radius:7px!important}.charts-palette-list>[data-slot=toggle-group-item][data-state=on]{background:var(--muted);color:var(--foreground);border-color:var(--border)}.charts-palette-list>[data-slot=toggle-group-item]:hover{background:var(--accent)}.charts-palette-swatches{flex:none;gap:3px;display:flex}.charts-palette-swatches>i{border:1px solid #00000005;border-radius:3px;width:9px;height:15px;display:block}.charts-studio-palette{justify-content:flex-start;gap:6px;width:100%;height:31px;margin-top:12px;padding:7px!important;font-size:9px!important}.charts-studio-palette>svg:last-child{margin-left:auto}.charts-library-footer{color:var(--muted-foreground);align-items:flex-start;gap:9px;margin-top:auto;padding:20px 18px;font-size:9px;line-height:1.75;display:flex}.charts-library-footer>svg{flex:none;width:14px;height:14px;margin-top:2px}.charts-library-footer>span{flex-direction:column;gap:4px;display:flex}.charts-library-footer strong{color:var(--foreground);font-weight:500}.charts-center{background:var(--muted);flex-direction:column;min-width:0;min-height:0;display:flex}.charts-canvas-toolbar{background:var(--background);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:15px;min-height:66px;padding:14px 20px;display:flex}.charts-document-name{align-items:center;gap:8px;min-width:0;display:flex}.charts-document-name>[data-slot=input]{width:100%;min-width:50px;max-width:240px;height:31px;box-shadow:none;background:0 0;border-color:#0000;padding:5px 7px;font-size:12px;font-weight:500}:is(.charts-document-name>[data-slot=input]:hover,.charts-document-name>[data-slot=input]:focus-visible){border-color:var(--input);background:var(--background)}.charts-document-name>[data-slot=badge]{white-space:nowrap;flex:none;padding:3px 6px;font-size:8px}.charts-canvas-toolbar [data-slot=toggle-group]{border:1px solid var(--border);background:var(--muted);border-radius:7px;flex:none;gap:3px;padding:3px}.charts-canvas-toolbar [data-slot=toggle-group-item]{min-width:0;height:27px;color:var(--muted-foreground);background:0 0;gap:6px;padding:6px 10px;font-size:9px;border-radius:5px!important}.charts-canvas-toolbar [data-slot=toggle-group-item]>svg{width:12px;height:12px}.charts-canvas-toolbar [data-slot=toggle-group-item][data-state=on]{background:var(--background);color:var(--accent-foreground);box-shadow:0 1px 3px #302a370a}.charts-canvas-stage{background-color:#f4f1f6;background-image:radial-gradient(#d7cfe348 .7px,#0000 .7px);background-size:16px 16px;flex:1;justify-content:center;align-items:center;min-width:0;min-height:160px;display:flex;position:relative;overflow:hidden}.charts-artboard{flex:none;position:relative;box-shadow:0 3px 7px #33223c05,0 15px 35px #33223c09,0 0 0 1px #8d829710}.charts-preview{width:100%;min-width:0;height:100%;position:relative}.charts-preview>.charts-svg{width:100%;height:100%}.charts-preview>.charts-svg>svg{width:100%;height:100%;display:block;overflow:visible}.charts-preview [data-chart-tooltip]{outline:none;transition:filter .12s}.charts-preview [data-chart-tooltip]:focus-visible{filter:drop-shadow(0 0 3px #675080);stroke:#675080;stroke-width:2px}.charts-point-tooltip{pointer-events:none;white-space:normal;color:#fff;z-index:2;background:#302a37f5;border-radius:7px;width:max-content;max-width:280px;padding:8px 11px;font-size:10px;line-height:1.5;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px 15px #302a3717}.charts-canvas-scale{color:#a094aa;font-variant-numeric:tabular-nums;background:#ffffffb3;border:1px solid #e6e0e980;border-radius:5px;padding:5px 8px;font-size:8px;display:block;position:absolute;bottom:17px;right:20px}.charts-preview-note{border-top:1px solid var(--border);background:var(--background);min-height:40px;color:var(--muted-foreground);flex:none;align-items:center;gap:6px;padding:7px 17px;font-size:8px;line-height:1.6;display:flex}.charts-preview-note>button{flex:none;height:26px;margin-left:auto;padding:5px 7px;font-size:9px}.charts-live-dot{background:#8da98e;border-radius:50%;flex:none;width:4px;height:4px}.charts-properties{border-left:1px solid var(--border);background:var(--background);flex-direction:column;min-width:0;min-height:0;display:flex}.charts-properties-heading{border-bottom:1px solid var(--border);min-height:66px;color:var(--muted-foreground);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:22px 19px;display:flex}.charts-properties-heading strong{color:var(--foreground);font-size:11px;font-weight:500}.charts-properties-heading>svg{width:14px;height:14px}.charts-properties-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;overflow:auto}.charts-property-section{border-bottom:1px solid var(--border);padding:22px 18px}.charts-property-section h3{color:var(--accent-foreground);margin-bottom:18px;font-size:11px;font-weight:550;line-height:1.4}.charts-property-section [data-slot=field-group]{gap:14px}.charts-property-section [data-slot=field]{gap:7px;min-width:0}.charts-property-section [data-slot=field-label]{color:var(--muted-foreground);font-size:10px;font-weight:400}.charts-property-section :is([data-slot=input],[data-slot=native-select]){width:100%;height:33px;padding-inline:10px;font-size:11px}.charts-property-section [data-slot=native-select-wrapper]{width:100%;min-width:0}.charts-property-section [data-slot=native-select]{padding-right:30px}.charts-field-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;min-width:0;display:grid}.charts-toggle-field[data-slot=field]{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.charts-toggle-field>[data-slot=field-label]{flex:1}.charts-toggle-field>[data-slot=switch]{flex:none}.charts-color-input{align-items:center;display:flex;position:relative}.charts-color-input>span{border:1px solid #0000000a;border-radius:4px;width:16px;height:16px;display:block;position:absolute;left:9px;overflow:hidden}.charts-color-input>span>input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.charts-color-input>[data-slot=input]{padding-left:34px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.charts-series-colors{flex-wrap:wrap;gap:7px;margin:-2px 0 21px;display:flex}.charts-series-colors>span{border:1px solid #00000009;border-radius:5px;flex:1;min-width:21px;height:27px;display:block;position:relative;overflow:hidden}.charts-series-colors input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.charts-data-panel{background:var(--background);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.charts-data-heading{flex:none;justify-content:space-between;align-items:center;gap:20px;padding:24px 22px 20px;display:flex}.charts-data-heading h2{letter-spacing:-.35px;font-size:18px;font-weight:500}.charts-data-heading p{color:var(--muted-foreground);margin-top:7px;font-size:9px;line-height:1.6}.charts-data-heading>button{flex:none;height:30px;font-size:10px}.charts-data-table-wrap{border-top:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;overflow:auto}.charts-data-table-wrap>[data-slot=table-container]{overflow:visible}.charts-data-panel [data-slot=table]{table-layout:fixed;width:max-content;min-width:100%;font-size:10px}.charts-data-panel [data-slot=table-header]{z-index:1;background:#fbf9fc;position:sticky;top:0}.charts-data-panel [data-slot=table-head]{height:45px;color:var(--muted-foreground);padding:6px 9px;font-size:9px;font-weight:500}.charts-data-panel [data-slot=table-cell]{border-right:1px solid #eee9f146;padding:5px 8px}.charts-data-panel .charts-row-number{text-align:right;color:#b6aabd;width:36px;min-width:36px;padding-right:12px;font:9px ui-monospace,Consolas,monospace}.charts-data-panel [data-slot=table-cell]>[data-slot=input]{width:100%;min-width:85px;height:31px;box-shadow:none;background:0 0;border-color:#0000;border-radius:4px;padding:6px 8px;font-size:10px}.charts-data-panel [data-slot=table-cell]>[data-slot=input]:hover{background:var(--muted)}.charts-data-panel [data-slot=table-cell]>[data-slot=input]:focus-visible{border-color:var(--input);background:var(--background)}.charts-data-panel [data-slot=table-cell]:nth-child(2){min-width:140px}.charts-data-panel [data-slot=table-cell]:nth-child(3){width:75px;min-width:75px}.charts-data-panel [data-slot=table-cell]:nth-child(3)>input{min-width:60px}.charts-data-panel [data-slot=table-cell]:last-child{border:0;width:38px}.charts-data-panel [data-slot=table-row]{border-color:var(--border)}.charts-series-header{align-items:center;gap:6px;min-width:135px;display:flex}.charts-series-header>span{border-radius:2px;flex:none;width:6px;height:6px}.charts-series-header>input{width:100%;min-width:60px;height:29px;box-shadow:none;background:0 0;border-color:#0000;padding:5px;font-size:10px;font-weight:500}.charts-series-header>input:focus-visible{border-color:var(--input)}.charts-series-header>button{opacity:.55;flex:none}.charts-series-header>button:hover{opacity:1}.charts-data-footer{border-top:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:17px 20px;display:flex}.charts-data-footer>button{flex:none;height:31px;font-size:10px}.charts-data-footer>span{color:var(--muted-foreground);margin-left:auto;font-size:8px;line-height:1.5}.charts-data-panel [data-slot=empty]{border:0;margin:30px 20px}.charts-data-panel [data-slot=empty-title]{font-size:16px}.charts-data-panel [data-slot=empty-description]{max-width:320px;font-size:11px}.charts-error{border-inline:0;border-top:0;border-radius:0;flex:none;padding:12px 50px 12px 22px;position:relative}.charts-error [data-slot=alert-title]{font-size:11px}.charts-error [data-slot=alert-description]{font-size:10px}.charts-error>button{position:absolute;top:12px;right:16px}.charts-import-dialog[data-slot=dialog-content]{gap:18px;width:calc(100vw - 32px);max-width:720px;max-height:calc(100svh - 32px);overflow:auto}.charts-import-dialog [data-slot=dialog-title]{letter-spacing:-.4px;font-size:21px}.charts-import-dialog [data-slot=dialog-description]{font-size:12px;line-height:1.7}.charts-import-dialog [data-slot=textarea]{white-space:pre;resize:vertical;height:min(340px,40svh);min-height:120px;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.charts-import-example{color:var(--muted-foreground);margin:0;font-size:10px;line-height:1.8}.charts-import-dialog [data-slot=alert-description]{font-size:11px}.charts-notice{border:1px solid var(--border);background:var(--background);color:var(--accent-foreground);z-index:3;border-radius:8px;align-items:center;gap:8px;max-width:calc(100% - 30px);padding:9px 10px 9px 13px;font-size:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #39244213}.charts-notice>svg{flex:none;width:13px;height:13px}.charts-notice>span{line-height:1.5}.charts-mobile-tabs{display:none}@container components (width<=1150px){.charts-workspace-body{grid-template-columns:186px minmax(0,1fr) 260px}.charts-workspace-header{gap:15px;padding:20px 22px}.charts-workspace-title h1{font-size:22px}.charts-type-option small{font-size:7.5px}.charts-type-list .charts-type-option[data-slot=toggle-group-item]{gap:8px;padding:9px 7px}.charts-canvas-toolbar{gap:8px;padding:12px 14px}.charts-document-name>[data-slot=input]{max-width:170px}.charts-document-name>[data-slot=badge]{display:none}.charts-workspace-actions>[data-slot=button]{padding-inline:10px;font-size:10px}.charts-workspace-actions .charts-action-label{display:none}}@container components (width<=960px){.charts-workspace-body{flex-direction:column;min-height:0;display:flex}.charts-mobile-tabs{border-bottom:1px solid var(--border);background:var(--background);flex:none;justify-content:center;padding:10px 18px;display:flex}.charts-mobile-tabs>[data-slot=toggle-group]{background:var(--muted);border:1px solid var(--border);border-radius:7px;gap:3px;width:100%;max-width:420px;padding:3px}.charts-mobile-tabs [data-slot=toggle-group-item]{min-width:0;height:29px;color:var(--muted-foreground);flex:1;font-size:10px;border-radius:5px!important}.charts-mobile-tabs [data-slot=toggle-group-item][data-state=on]{background:var(--background);color:var(--accent-foreground);box-shadow:0 1px 3px #302a3708}.charts-workspace[data-mobile-panel=library] .charts-center,.charts-workspace[data-mobile-panel=library] .charts-properties,.charts-workspace[data-mobile-panel=chart] .charts-library,.charts-workspace[data-mobile-panel=chart] .charts-properties,.charts-workspace[data-mobile-panel=data] .charts-library,.charts-workspace[data-mobile-panel=data] .charts-properties,.charts-workspace[data-mobile-panel=style] .charts-library,.charts-workspace[data-mobile-panel=style] .charts-center{display:none}.charts-library,.charts-center,.charts-properties{border:0;flex:1}.charts-library{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:0;display:grid}.charts-library-section{padding:23px}.charts-library-section:first-child{border-right:1px solid var(--border)}.charts-type-option small{font-size:9px}.charts-library-footer{grid-column:1/-1}.charts-type-list .charts-type-option[data-slot=toggle-group-item]{padding:11px}.charts-palette-list>[data-slot=toggle-group-item]{height:44px}.charts-palette-swatches>i{width:13px;height:19px}.charts-properties-scroll{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.charts-property-section{border-right:1px solid var(--border);padding:24px}.charts-properties-heading{min-height:50px;padding:17px 24px}.charts-document-name>[data-slot=input]{max-width:300px}.charts-canvas-toolbar>[data-slot=toggle-group]{display:none}.charts-canvas-stage{min-height:220px}}@container components (width<=550px){.charts-workspace-header{flex-wrap:wrap;gap:16px;padding:17px 16px}.charts-workspace-title h1{font-size:21px}.charts-workspace-title p{font-size:10px}.charts-workspace-mark{width:32px;height:35px}.charts-workspace-actions{justify-content:flex-end;gap:6px;width:100%}.charts-workspace-actions>[data-slot=button]{height:31px}.charts-mobile-tabs{padding:9px 15px}.charts-library{flex-direction:column;display:flex}.charts-library-section:first-child{border-right:0}.charts-type-list[data-slot=toggle-group]{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.charts-type-option small{display:none}.charts-library-section{padding:20px}.charts-properties-scroll{display:block}.charts-property-section{border-right:0;padding:22px}.charts-data-heading{gap:10px;padding:20px 16px}.charts-data-heading h2{font-size:16px}.charts-data-heading p{font-size:8px}.charts-data-heading>button{padding:7px 9px;font-size:9px}.charts-data-footer{flex-wrap:wrap;padding:13px 15px}.charts-data-footer>span{width:100%;margin:0}}@media (max-height:650px){.charts-workspace{min-height:620px}.charts-workspace-header{padding-block:14px}.charts-canvas-stage{min-height:280px}}.video-workspace{min-width:0;height:calc(100svh - var(--studio-header-height,60px) - var(--studio-shell-gap,12px)*2 - 2px);color:#453c4e;background:#faf8fb;border-radius:0 0 15px 15px;flex-direction:column;grid-column:1/-1;min-height:690px;display:flex;position:relative;overflow:hidden;container:videos/inline-size}.video-workspace button:disabled{cursor:not-allowed;opacity:.4}.video-workspace button:focus-visible{outline-offset:3px;outline:2px solid #9c79b8}.video-workspace input:focus-visible{outline-offset:3px;outline:2px solid #9c79b8}.video-workspace select:focus-visible{outline-offset:3px;outline:2px solid #9c79b8}.video-workspace textarea:focus-visible{outline-offset:3px;outline:2px solid #9c79b8}.video-workspace summary:focus-visible{outline-offset:3px;outline:2px solid #9c79b8}.video-player-frame:focus-visible{outline-offset:3px;outline:2px solid #9c79b8}.video-workspace-header{background:#fff;border-bottom:1px solid #e8e2ec;flex:none;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px 23px;display:flex}.video-workspace-title{align-items:center;gap:12px;min-width:0;display:flex}.video-workspace-mark{color:#9a79b2;background:linear-gradient(140deg,#fbf8fe,#f0e9f7);border:1px solid #e9e0f0;border-radius:11px;flex:none;place-items:center;width:39px;height:41px;display:grid}.video-workspace-title h1{letter-spacing:-.7px;color:#44364e;font-size:23px;font-weight:550;line-height:1.25}.video-workspace-title p{color:#a095a8;white-space:nowrap;margin-top:5px;font-size:10px;line-height:1.6}.video-workspace-actions{flex:none;align-items:center;gap:8px;display:flex}.video-history-actions{border-right:1px solid #eae5ed;align-items:center;gap:1px;margin-right:2px;padding-right:10px;display:flex}.video-button{color:#85718f;white-space:nowrap;background:#fff;border:1px solid #e2dbe8;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:33px;padding:8px 12px;font-size:10px;line-height:1.4;display:inline-flex}.video-button:hover{background:#f8f3fc;border-color:#cfbfdc}.video-button-primary{color:#fff;background:#9a7aae;border-color:#9a7aae;box-shadow:0 2px 4px #4d32590a}.video-button-primary:hover{background:#88659f;border-color:#88659f}.video-icon-button{color:#998aa4;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.video-icon-button:hover{color:#7c608f;background:#eee7f5}.video-icon-button[aria-pressed=true]{color:#89649f;background:#ece2f4}.video-text-button{color:#9a80ad;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:5px 0;font-size:10px;line-height:1.5;display:inline-flex}.video-text-button:hover{color:#78538f}.video-workspace-error{color:#a15a68;background:#fff3f4;border-bottom:1px solid #f2dce2;flex:none;justify-content:space-between;align-items:center;gap:15px;padding:9px 21px;font-size:11px;line-height:1.6;display:flex}.video-workspace-error>.video-icon-button{color:inherit;width:24px;height:24px}.video-workspace-body{flex:1;grid-template-columns:minmax(0,1fr) 284px;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.video-center{background:#f4f0f6;flex-direction:column;min-width:0;min-height:0;display:flex}.video-canvas-toolbar{background:#fefcff;border-bottom:1px solid #e9e2ed;flex:none;justify-content:space-between;align-items:center;gap:16px;height:55px;padding:10px 20px;display:flex}.video-document-name{color:#b7a6c2;align-items:center;gap:8px;min-width:0;display:flex}.video-document-name>input{color:#7a6689;background:0 0;border:1px solid #0000;border-radius:5px;width:205px;min-width:70px;max-width:100%;padding:5px 6px;font-size:11px;font-weight:500;line-height:1.4}:is(.video-document-name>input:hover,.video-document-name>input:focus-visible){background:#fff;border-color:#e0d4e9}.video-document-name>span{color:#ac98ba;white-space:nowrap;border:1px solid #e7deed;border-radius:4px;padding:3px 6px;font-size:8px;line-height:1.4}.video-canvas-tools{flex:none;align-items:center;gap:13px;display:flex}.video-presets{position:relative}.video-presets>.video-text-button{gap:6px;font-size:9px}.video-preset-menu{z-index:15;background:#fff;border:1px solid #e5daed;border-radius:10px;width:268px;padding:7px;position:absolute;top:calc(100% + 13px);right:-6px;box-shadow:0 12px 35px #49335118}.video-preset-menu>div{color:#b49ec0;letter-spacing:1.2px;text-transform:uppercase;padding:9px 9px 10px;font-size:8px}.video-preset-menu>button{text-align:left;color:#8c769e;border-radius:7px;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.video-preset-menu>button:hover{background:#f6f0fb}.video-preset-menu>button>span:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.video-preset-menu strong{color:#786288;font-size:10px;font-weight:550}.video-preset-menu small{color:#ac98ba;font-size:8px;line-height:1.5}.video-preset-art{color:#a886bf;background:linear-gradient(120deg,#e9d9f4,#efd7d1);border-radius:6px;flex:none;place-items:center;width:36px;height:37px;display:grid}.video-preset-art.is-product-story{color:#ac9676;background:linear-gradient(120deg,#f1e6d7,#d8e0d0)}.video-preset-art.is-social-teaser{color:#d0b0e5;background:linear-gradient(120deg,#786189,#342342)}.video-properties-toggle{display:none}.video-preview-stage{background:#f3f0f5 radial-gradient(#d9cde247 .65px,#0000 .65px) 0 0/15px 15px;flex:1;justify-content:center;align-items:center;min-width:0;min-height:235px;display:flex;position:relative;overflow:hidden}.video-preview-meta{color:#b7a5c3;letter-spacing:1.1px;pointer-events:none;z-index:1;align-items:center;gap:6px;font-size:7px;line-height:1.4;display:flex;position:absolute;top:14px;left:20px;right:20px}.video-preview-meta>span:last-child{letter-spacing:.25px;font-variant-numeric:tabular-nums;margin-left:auto}.video-live-dot{background:#a994b8;border-radius:50%;flex:none;width:4px;height:4px}.video-player-frame{background:#f8f6f2;flex:none;position:relative;overflow:hidden;box-shadow:0 3px 5px #3e294605,0 13px 30px #3e29460c,0 0 0 1px #8c719914}.video-player-frame>div{max-width:100%;max-height:100%}.video-player-error{text-align:center;color:#a184b4;background:#f9f4fb;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:30px;display:flex}.video-player-error strong{color:#836395;font-size:13px;font-weight:500}.video-player-error p{max-width:320px;font-size:10px;line-height:1.7}.video-preview-bottom{color:#b39ebf;letter-spacing:1px;pointer-events:none;justify-content:space-between;align-items:center;gap:15px;font-size:7px;display:flex;position:absolute;bottom:12px;left:20px;right:15px}.video-preview-bottom i{color:#cec1d6;margin:0 5px;font-style:normal}.video-preview-expand{color:#ab91bc;letter-spacing:0;pointer-events:auto;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:8px;display:flex}.video-preview-expand:hover{color:#8a6b9d;background:#eae1f1}.video-presentation-controls{display:none}.video-preview-stage:-webkit-full-screen{background:#19141e;min-height:100vh}.video-preview-stage:fullscreen{background:#19141e;min-height:100vh}.video-preview-stage:-webkit-full-screen .video-preview-meta{color:#a98cba;top:23px}.video-preview-stage:fullscreen .video-preview-meta{color:#a98cba;top:23px}.video-preview-stage:-webkit-full-screen .video-preview-bottom{display:none}.video-preview-stage:fullscreen .video-preview-bottom{display:none}.video-preview-stage:-webkit-full-screen .video-presentation-controls{color:#e0d2e8;z-index:5;background:#28202fe8;border:1px solid #58445f;border-radius:9px;align-items:center;gap:8px;padding:6px 9px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.video-preview-stage:fullscreen .video-presentation-controls{color:#e0d2e8;z-index:5;background:#28202fe8;border:1px solid #58445f;border-radius:9px;align-items:center;gap:8px;padding:6px 9px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.video-presentation-controls>span{font-variant-numeric:tabular-nums;color:#c9b5d5;margin:0 5px;font-size:11px}.video-presentation-controls .video-icon-button{color:#c9b5d5;width:31px;height:31px}.video-presentation-controls .video-icon-button:hover{background:#4c3b58}.video-transport{background:#fefcff;border-top:1px solid #e4dce9;border-bottom:1px solid #e8dfed;flex:none;align-items:center;gap:12px;min-height:54px;padding:10px 18px;display:flex}.video-transport-play{color:#fff;background:#aa8cbc;border:1px solid #a68ab9;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.video-transport-play:hover{background:#9473a9;border-color:#9473a9}.video-transport-play>svg{stroke-width:1.4px}.video-transport-step{width:20px;height:25px;margin-left:-3px;margin-right:-5px}.video-timecode,.video-duration{font-variant-numeric:tabular-nums;white-space:nowrap;color:#a48db5;letter-spacing:.3px;font-size:9px}.video-duration{color:#bba8c7}.video-scrubber{flex:1;align-items:center;min-width:30px;padding:8px 0;display:flex}.video-scrubber>input{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#b699cb var(--video-progress,0%),#e7ddec var(--video-progress,0%));cursor:pointer;border-radius:10px;width:100%;height:3px;margin:0}.video-scrubber>input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ad8fc1;border:2px solid #fdfaff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #b99ec8}.video-scrubber>input::-moz-range-thumb{background:#ad8fc1;border:2px solid #fdfaff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 1px #b99ec8}.video-fps{white-space:nowrap;color:#b39cc0;border-left:1px solid #e8deee;padding-left:11px;font-size:8px;line-height:17px}.video-loop{width:25px;height:25px}.video-timeline{background:#fff;flex:none;min-width:0;padding:17px 20px 11px}.video-timeline-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:13px;display:flex}.video-timeline-heading>div:first-child{color:#b09ac0;align-items:center;gap:7px;display:flex}.video-timeline-heading h2{color:#91779f;font-size:10px;font-weight:500;line-height:1.4}.video-timeline-heading>div>span{color:#bfa9cc;margin-left:1px;font-size:8px}.video-timeline-actions{align-items:center;gap:15px;display:flex}.video-timeline-actions>span{color:#b8a7c3;font-size:8px}.video-timeline-actions>.video-text-button{padding:0;font-size:9px}.video-scene-strip{scrollbar-width:thin;scrollbar-color:#e5d9ed transparent;align-items:flex-start;gap:10px;min-width:0;margin:-4px -3px 0;padding:4px 3px 10px;scroll-padding-inline:3px;display:flex;overflow:auto hidden}.video-scene-card{background:#fff;border:1px solid #ebe2f1;border-radius:7px;flex:none;width:142px;padding:3px;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.video-scene-card.is-selected{background:#f8f2fc;border-color:#b69ac9;box-shadow:0 0 0 1px #b69ac94d}.video-scene-card.is-playing{border-color:#9470ac}.video-scene-card.is-drag-over{border-color:#b69ac9;box-shadow:-4px 0 #ba98cf}.video-scene-select{text-align:left;width:100%;color:inherit;border-radius:4px;padding:0;display:block}.video-scene-thumbnail{pointer-events:none;background:#f0e9f6;border-radius:3px;width:100%;height:76px;display:block;position:relative;overflow:hidden}.video-scene-thumbnail>div{width:100%;height:100%}.video-scene-number,.video-scene-length{letter-spacing:.1px;color:#9b81ac;background:#fffcfff0;border:1px solid #e8daef80;border-radius:3px;padding:2px 4px;font-size:6px;line-height:1.4;position:absolute;bottom:5px}.video-scene-number{left:5px}.video-scene-length{right:5px}.video-thumbnail-fallback{color:#7f6492;text-align:center;justify-content:center;align-items:center;height:100%;padding:10px;font-size:9px;display:flex}.video-scene-caption{color:#b6a0c5;justify-content:space-between;align-items:center;gap:6px;padding:7px 5px 6px;display:flex}.video-scene-caption>strong{color:#a186b2;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:500;line-height:1.4;overflow:hidden}.video-scene-caption>svg{opacity:.7;flex:none}.video-scene-card-actions{color:#b49bc3;border-top:1px solid #efe6f5;justify-content:space-between;align-items:center;gap:5px;padding:3px 3px 0;display:flex}.video-scene-card-actions>button{color:#8f6ea3;border-radius:3px;place-items:center;width:24px;height:24px;padding:0;display:grid}.video-scene-card-actions>button:hover{background:#ece0f4}.video-scene-card-actions>span{text-transform:uppercase;letter-spacing:.75px;font-size:6px}.video-add-scene-tile{color:#9372a7;background:#fdfafe;border:1px dashed #e4d7ed;border-radius:7px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:9px;width:87px;height:128px;font-size:9px;display:flex}.video-add-scene-tile:hover{color:#9b77b1;background:#f5edf9;border-color:#cfb7de}.video-timeline-footer{color:#bca9c9;justify-content:space-between;align-items:center;gap:15px;min-height:19px;margin-top:3px;font-size:7px;display:flex}.video-timeline-notice{align-items:center;gap:5px;min-width:0;line-height:1.5;display:flex}.video-timeline-notice>svg{color:#b1a0be;flex:none}.video-shortcut-hint{white-space:nowrap;color:#c4b3cf;align-items:center;gap:4px;font-size:7px;display:flex}.video-shortcut-hint kbd{font:inherit;color:#b5a0c3;background:#fdfafe;border:1px solid #e8dff0;border-radius:3px;padding:1px 3px;font-size:6px}.video-shortcut-hint i{color:#d4c6dd;margin:0 3px;font-style:normal}.video-inspector{z-index:2;background:#fff;border-left:1px solid #e7ddeb;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.video-inspector-heading{border-bottom:1px solid #eee6f3;flex:none;justify-content:space-between;align-items:center;gap:15px;height:55px;padding:17px 19px;display:flex}.video-inspector-heading>div{color:#b49bc5;align-items:center;gap:7px;display:flex}.video-inspector-heading strong{color:#9c7ead;font-size:10px;font-weight:500}.video-inspector-heading>span{color:#bfa9cd;font-variant-numeric:tabular-nums;font-size:8px}.video-inspector-tabs{background:#f9f5fc;border:1px solid #e9dff0;border-radius:6px;flex:none;align-items:center;gap:4px;margin:14px 17px 0;padding:3px;display:flex}.video-inspector-tabs>button{color:#b299c3;border:1px solid #0000;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:7px 3px;font-size:9px;line-height:1.4;display:flex}.video-inspector-tabs>button[aria-selected=true]{color:#9571aa;background:#fff;border-color:#e9ddef;box-shadow:0 1px 3px #56385d05}.video-inspector-scroll{scrollbar-width:thin;scrollbar-color:#e5d7ee transparent;flex:1;min-height:0;padding-top:2px;overflow:auto}.video-enhancements{padding:17px 17px 0}.video-enhancements>.native-enhancements{margin-bottom:0}.video-property-section{border-bottom:1px solid #f0e9f4;padding:18px 19px}.video-property-section>summary{color:#b69dc5;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.video-property-section>summary::-webkit-details-marker{display:none}.video-property-section>summary>span{color:#a180b4;align-items:center;gap:7px;font-size:10px;font-weight:500;display:flex}.video-property-section>summary>span>svg{color:#b79ec7;stroke-width:1.5px}.video-property-section>summary>svg{transition:transform .15s}.video-property-section:not([open])>summary>svg{transform:rotate(-90deg)}.video-property-content{flex-direction:column;gap:13px;padding-top:17px;display:flex}.video-field{color:#ae93c0;flex-direction:column;gap:7px;min-width:0;font-size:9px;line-height:1.4;display:flex}.video-field>span:first-child{line-height:1.5;display:block}.video-field>input,.video-field>textarea,.video-field>select,.video-number-wrap>input{color:#9675ac;background:#fff;border:1px solid #e5d8ee;border-radius:5px;width:100%;min-width:0;padding:7px 9px;font-size:10px;line-height:1.6;box-shadow:0 1px 2px #51345e03}.video-field>input,.video-field>select,.video-number-wrap>input{height:32px}.video-field>textarea{resize:vertical;min-height:63px}.video-field>input::placeholder,.video-field>textarea::placeholder{color:#c7b3d4;font-size:9px}.video-field>select{cursor:pointer;padding-right:20px}.video-field-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.video-number-wrap{min-width:0;display:block;position:relative}.video-number-wrap>input{-webkit-appearance:textfield;appearance:textfield;font-variant-numeric:tabular-nums;padding-right:29px}.video-number-wrap>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.video-number-wrap>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.video-number-wrap>small{color:#c1a9d0;pointer-events:none;font-size:8px;line-height:1.5;position:absolute;top:9px;right:9px}.video-color-input{border:1px solid #e5d8ee;border-radius:5px;align-items:center;gap:6px;min-width:0;min-height:32px;padding:5px 7px;display:flex;box-shadow:0 1px 2px #51345e03}.video-color-input>input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:4px;width:19px;min-width:19px;height:19px;padding:0;overflow:hidden}.video-color-input>input[type=color]::-webkit-color-swatch-wrapper{padding:0}.video-color-input>input[type=color]::-webkit-color-swatch{border:1px solid #6753750c;border-radius:4px}.video-color-input>input[type=color]::-moz-color-swatch{border:1px solid #6753750c;border-radius:4px}.video-color-input>input:not([type=color]){color:#a186b3;background:0 0;border:0;width:100%;min-width:0;padding:0;font-size:9px;line-height:1.5}.video-color-input>input::placeholder{color:#c1a8d0;font-size:8px}.video-alignment{background:#fcf9fe;border:1px solid #e8dcee;border-radius:5px;gap:4px;padding:3px;display:flex}.video-alignment>button{color:#b69ac8;text-transform:capitalize;border-radius:3px;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 1px;font-size:7px;display:flex}.video-alignment>button[aria-pressed=true]{color:#9570ad;background:#eee3f5}.video-range-field{color:#ae93c0;flex-direction:column;gap:12px;padding-bottom:4px;font-size:9px;display:flex}.video-range-field>span{justify-content:space-between;gap:10px;display:flex}.video-range-field output{color:#b39bc2;font-variant-numeric:tabular-nums;font-size:8px}.video-range-field>input{-webkit-appearance:none;appearance:none;cursor:pointer;background:#eaddf1;border-radius:10px;width:100%;height:3px;margin:0}.video-range-field>input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#b494c9;border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #c2a9d2}.video-range-field>input::-moz-range-thumb{background:#b494c9;border:2px solid #fff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 1px #c2a9d2}.video-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:24px;display:flex;position:relative}.video-toggle>span{flex-direction:column;gap:4px;min-width:0;display:flex}.video-toggle strong{color:#af93c0;font-size:9px;font-weight:400}.video-toggle small{color:#c2acd0;font-size:8px;line-height:1.6}.video-toggle>input{opacity:0;cursor:pointer;width:28px;height:17px;margin:0;position:absolute;right:0}.video-toggle>i{pointer-events:none;background:#e9dff0;border-radius:20px;flex:none;width:27px;height:16px;transition:background .15s;display:block;position:relative}.video-toggle>i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .15s;display:block;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #60446e14}.video-toggle>input:checked+i{background:#b69ac9}.video-toggle>input:checked+i:after{transform:translate(11px)}.video-toggle>input:focus-visible+i{outline-offset:3px;outline:2px solid #9e78b6}.video-field-hint{color:#b69bc7;margin:-3px 0 0;font-size:9px;line-height:1.75}.video-duration-summary{color:#bda4cd;background:#fcf9fe;border:1px solid #eee4f4;border-radius:5px;align-items:center;gap:9px;padding:11px;display:flex}.video-duration-summary>span{color:#a486b7;flex-direction:column;gap:3px;font-size:9px;display:flex}.video-duration-summary strong{color:#baa2c9;font-size:7px;font-weight:400}.video-palettes{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:1px;display:grid}.video-palettes>button{background:#fdfafe;border:1px solid #eee2f4;border-radius:5px;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:7px;display:flex}.video-palettes>button:hover{background:#f8f0fc;border-color:#d0b7e0}.video-palettes>button>span{gap:3px;width:100%;display:flex}.video-palettes i{border:1px solid #4e345c08;border-radius:3px;flex:1;height:14px;display:block}.video-palettes small{color:#b096c1;font-size:7px}.video-scene-inspector-actions{justify-content:space-between;gap:10px;padding:16px 19px;display:flex}.video-scene-inspector-actions>.video-text-button{gap:5px;font-size:8px}.video-inspector-footnote{color:#c3abd0;justify-content:center;align-items:center;gap:6px;padding:17px 14px 22px;font-size:7px;line-height:1.5;display:flex}.video-inspector-footnote>span{background:#b6a7be;border-radius:50%;flex:none;width:3px;height:3px;display:block}.video-properties-backdrop{display:none}.video-field,.video-toggle strong,.video-range-field{color:#846c94;font-size:10px}.video-field>input,.video-field>textarea,.video-field>select,.video-number-wrap>input{color:#745c84;font-size:11px}.video-color-input>input:not([type=color]){color:#7e6590}.video-property-section>summary>span{color:#846397;font-size:11px}.video-inspector-heading strong{color:#866a96;font-size:11px}.video-inspector-tabs>button{color:#977da9;font-size:10px}.video-inspector-tabs>button[aria-selected=true]{color:#79588e}.video-field-hint{color:#947ca4;font-size:10px}.video-text-button{color:#8a6a9f}.video-scene-caption>strong{color:#8f72a2;font-size:9px}.video-scene-card.is-selected .video-scene-caption>strong{color:#78528f}.video-timeline-heading h2{color:#87679b;font-size:11px}.video-timecode{color:#8a6d9f;font-size:10px}.video-workspace-title p{color:#927e9f}.video-export-panel{flex-direction:column;gap:20px;min-width:0;display:flex}.video-export-panel>.export-heading,.video-export-panel>.app-export-format{margin:0}.video-export-section{border-top:1px solid #e9e2ed;flex-direction:column;gap:12px;padding:18px 0 0;display:flex}.video-export-section>header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:2px;display:flex}.video-export-section h4{color:#6d587c;margin:0;font-size:12px;font-weight:550}.video-export-section>header>span{letter-spacing:1.1px;color:#b6a1c3;font-size:7px}.video-export-options{grid-template-columns:1fr 1.4fr;gap:12px;min-width:0;display:grid}.video-export-panel .form-label{min-width:0;font-size:10px;line-height:1.6}.video-export-panel .form-label>select{background:#fff;border:1px solid #dcd1e4;border-radius:6px;width:100%;min-width:0;max-width:100%;margin-top:6px;padding:8px 10px;font-size:11px;display:block}.video-export-panel .control-description{color:#a08baa;margin:0;font-size:10px;line-height:1.75}.video-export-panel .button{min-height:35px;padding:9px 11px;font-size:11px}.video-export-panel .button>svg{width:14px;height:14px}.video-export-support{color:#9a85a8;align-items:center;gap:6px;margin:0;font-size:10px;line-height:1.7;display:flex}.video-export-support>svg{color:#a38ab5;flex:none}.video-export-unavailable{color:#ac9271;background:#faf5ef;border:1px solid #ebdfd0;border-radius:7px;flex-direction:column;gap:5px;padding:12px 13px;font-size:10px;line-height:1.7;display:flex}.video-export-unavailable strong{color:#977f61;font-size:10px;font-weight:550}.video-render-progress{background:#f8f2fc;border:1px solid #e7d9f0;border-radius:7px;flex-direction:column;gap:9px;min-width:0;padding:14px;display:flex}.video-render-progress>div{color:#ac8dbf;justify-content:space-between;gap:15px;font-size:10px;display:flex}.video-render-progress strong{color:#9871ae;font-size:10px;font-weight:500}.video-render-progress progress{-webkit-appearance:none;appearance:none;background:#e9dcf1;border:0;border-radius:5px;width:100%;height:5px;overflow:hidden}.video-render-progress progress::-webkit-progress-bar{background:#e9dcf1;border-radius:5px}.video-render-progress progress::-webkit-progress-value{background:#ac8fc0;border-radius:5px}.video-render-progress progress::-moz-progress-bar{background:#ac8fc0;border-radius:5px}.video-render-progress>small{color:#b29ac2;font-size:8px}.video-render-progress>.button{align-self:flex-start;margin-top:3px}.video-export-secondary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0;display:grid}.video-export-secondary>.button{gap:5px;min-width:0;padding:8px 5px;font-size:9px}.video-embed-details{border:1px solid #e9e0ee;border-radius:6px;min-width:0}.video-embed-details>summary{cursor:pointer;color:#a68aba;padding:10px 12px;font-size:10px}.video-embed-details>.code-preview{white-space:pre-wrap;overflow-wrap:anywhere;color:#a28ab3;background:#f8f4fb;border-radius:5px;max-height:140px;margin:0 11px 11px;padding:11px;font-size:9px;line-height:1.8}.video-embed-details>.button{min-height:29px;margin:0 11px 11px;padding:7px 10px;font-size:9px}.video-export-notice{color:#8b9b87;background:#f5faf5;border:1px solid #dee9df;border-radius:6px;align-items:center;gap:7px;margin:0;padding:10px 12px;font-size:10px;line-height:1.6;display:flex}@container videos (width<=960px){.video-workspace-header{gap:15px;padding:20px 22px}.video-workspace-body{grid-template-columns:minmax(0,1fr) 264px}.video-save>span{display:none}.video-save{padding-inline:9px}.video-document-name>input{width:160px}.video-presets>.video-text-button>span{display:none}.video-canvas-toolbar{padding-inline:16px}.video-transport{gap:9px;padding-inline:15px}.video-duration,.video-transport-step,.video-shortcut-hint{display:none}.video-property-section{padding-inline:17px}.video-timeline{padding-inline:16px}}@container videos (width<=730px){.video-workspace-header{padding:19px 18px}.video-workspace-title p{font-size:9px}.video-workspace-body{grid-template-columns:minmax(0,1fr)}.video-inspector{z-index:12;width:min(310px,85%);transition:transform .2s;position:absolute;top:0;bottom:0;right:0;transform:translate(102%);box-shadow:-12px 0 30px #50335f0d}.video-workspace[data-properties-open=true] .video-inspector{transform:translate(0)}.video-properties-toggle{display:inline-flex}.video-workspace[data-properties-open=true] .video-properties-backdrop{z-index:10;background:#3924431c;display:block;position:absolute;inset:88px 0 0}.video-canvas-toolbar{padding-inline:18px}.video-document-name>input{width:200px}.video-presets>.video-text-button>span{display:inline}.video-preview-stage{min-height:270px}.video-transport{gap:12px;padding-inline:17px}.video-duration{display:inline}.video-timeline{padding-inline:18px}.video-timeline-actions>span{display:none}}@container videos (width<=480px){.video-workspace-header{gap:10px;padding:17px 16px}.video-workspace-title{gap:9px}.video-workspace-mark{border-radius:9px;width:33px;height:36px}.video-workspace-title h1{font-size:21px}.video-workspace-title p{display:none}.video-workspace-actions{gap:5px}.video-history-actions{gap:0;margin-right:0;padding-right:5px}.video-history-actions>.video-icon-button{width:25px;height:27px}.video-button{gap:5px;min-height:31px;padding:7px 9px;font-size:9px}.video-save{display:none}.video-canvas-toolbar{gap:10px;height:51px;padding-inline:13px}.video-document-name{gap:3px}.video-document-name>span{display:none}.video-canvas-tools{gap:9px}.video-presets>.video-text-button>span,.video-presets>.video-text-button>svg:last-child{display:none}.video-preset-menu{width:260px;right:-39px}.video-preview-stage{min-height:240px}.video-preview-meta{font-size:6px;left:14px;right:14px}.video-preview-bottom{font-size:6px;left:14px;right:10px}.video-transport{gap:10px;min-height:55px;padding-inline:14px}.video-transport-play{width:29px;height:29px}.video-timecode{font-size:8px}.video-duration,.video-fps{display:none}.video-timeline{padding:16px 14px 12px}.video-scene-card{width:134px}.video-scene-thumbnail{height:72px}.video-add-scene-tile{width:70px;height:116px;font-size:7px}.video-timeline-footer{font-size:7px}.video-field>input,.video-field>textarea,.video-field>select,.video-number-wrap>input{min-height:38px;font-size:16px}.video-field>input::placeholder,.video-field>textarea::placeholder{font-size:12px}.video-document-name>input{width:170px;font-size:16px}.video-color-input>input:not([type=color]){font-size:12px}.video-number-wrap>small{top:12px}.video-workspace[data-properties-open=true] .video-properties-backdrop{top:71px}}@media (max-width:760px){.video-workspace{border-radius:0;min-height:690px}.video-export-secondary{grid-template-columns:1fr}.video-export-secondary>.button{font-size:10px}.video-export-options{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.video-workspace *{transition:none!important}.video-scene-strip{scroll-behavior:auto}}.video-frame-field{color:#a48db5;flex:none;align-items:center;gap:5px;font-size:8px;display:flex}.video-frame-field input{color:#806492;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #e5d8ee;border-radius:5px;width:57px;height:27px;padding:4px 5px;font-size:10px}.video-preview-error-overlay{z-index:3;color:#9673aa;text-align:center;background:#f9f4fbf5;border:1px solid #e7d8ee;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px;display:flex;position:absolute;inset:40px 24px;overflow:auto}.video-preview-error-overlay>strong{color:#7d5b90;font-size:14px;font-weight:550;line-height:1.5}.video-preview-error-overlay>p{overflow-wrap:anywhere;max-width:540px;font-size:12px;line-height:1.7}.video-preview-error-overlay>span{color:#a089ae;font-size:10px;line-height:1.6}.video-preview-error-overlay>.video-button{min-height:34px;font-size:11px}.video-preset-art.is-launch-film{color:#fff;background:linear-gradient(125deg,#7947f0,#32c1de 45%,#ffab8b)}.cinematic-inspector{border-bottom:1px solid #f0e9f4;flex-direction:column;gap:12px;min-width:0;padding:18px 16px;display:flex}.cinematic-heading{color:#9374a7;align-items:center;gap:7px;display:flex}.cinematic-heading strong{font-size:11px;font-weight:550}.cinematic-heading>span{color:#ac96ba;margin-left:auto;font-size:9px}.cinematic-layer-tree{scrollbar-width:thin;background:#fcfaff;border:1px solid #e9dfef;border-radius:7px;flex-direction:column;max-height:245px;padding:4px;display:flex;overflow:auto}.cinematic-layer-tree>button{text-align:left;color:#9b83ad;padding-block:6px;border:1px solid #0000;border-radius:4px;flex:none;align-items:center;gap:6px;width:100%;min-width:0;height:31px;padding-right:6px;font-size:10px;display:flex}.cinematic-layer-tree>button>svg{flex:none}.cinematic-layer-tree>button>span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cinematic-layer-tree>button>small{color:#ae98bd;flex:none;font-size:7px}.cinematic-layer-tree>button:hover{background:#f0e9f7}.cinematic-layer-tree>button[aria-selected=true]{color:#775294;background:#efe5f8;border-color:#dbc7e9}.cinematic-empty{color:#a58fb4;padding:15px;font-size:10px}.cinematic-add{align-items:flex-end;gap:6px;min-width:0;display:flex}.cinematic-add>.video-field{flex:1}.cinematic-add>.video-button{flex:none;height:32px;min-height:32px}.cinematic-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cinematic-selected{border-top:1px solid #eee5f3;flex-direction:column;gap:12px;min-width:0;padding-top:8px;display:flex}.cinematic-layer-actions{align-items:center;gap:2px;display:flex}.cinematic-layer-actions>span{text-transform:uppercase;letter-spacing:.8px;color:#b59bc5;flex:1;font-size:8px}.cinematic-layer-actions .video-icon-button{width:25px;height:25px}.cinematic-detail{border-top:1px solid #f0e9f4;min-width:0;padding-top:12px}.cinematic-detail>summary{cursor:pointer;color:#9677a9;justify-content:space-between;align-items:center;gap:10px;font-size:10px;line-height:1.5;list-style:none;display:flex}.cinematic-detail>summary::-webkit-details-marker{display:none}.cinematic-detail:not([open])>summary>svg{transform:rotate(-90deg)}.cinematic-detail>div{flex-direction:column;gap:11px;min-width:0;padding-top:13px;display:flex}.cinematic-track-list{flex-direction:column;gap:8px;display:flex}.cinematic-track{background:#fcfaff;border:1px solid #eaddf2;border-radius:6px;flex-direction:column;gap:8px;min-width:0;padding:8px;display:flex}.cinematic-track>header{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.cinematic-track>header>.video-field{flex:1;min-width:0}.cinematic-track>header>.video-text-button{padding:0;font-size:9px}.cinematic-track>header>.video-icon-button{width:23px;height:23px}.cinematic-item-effect>header>strong{color:#9677a9;font-size:10px;font-weight:550}.cinematic-carry-status{color:#7c6697;overflow-wrap:anywhere;background:#f4f0fb;border:1px solid #dcd4ee;border-radius:5px;padding:9px;font-size:10px;line-height:1.6}.cinematic-track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.cinematic-track .video-field{gap:4px;font-size:8px}.cinematic-track .video-field>input,.cinematic-track .video-field>select{height:29px;padding:5px 4px;font-size:10px}.cinematic-track .video-field>select{padding-right:12px;font-size:9px}.cinematic-track input[type=number]{-moz-appearance:textfield}.cinematic-track input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.cinematic-animation-keyframe{grid-template-columns:19px minmax(0,1fr) minmax(0,1fr) 19px;align-items:flex-end;gap:4px;display:grid}.cinematic-animation-keyframe>.video-icon-button{width:19px;height:29px}.cinematic-easing{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.cinematic-check{color:#a084b3;align-self:center;align-items:center;gap:6px;font-size:9px;line-height:1.5;display:flex}.cinematic-check>input{accent-color:#a078bb;flex:none;width:13px;height:13px}.cinematic-style-fields{flex-direction:column;gap:9px;display:flex}.cinematic-style-row{align-items:flex-end;gap:5px;min-width:0;display:flex}.cinematic-style-row>.video-field{flex:1;min-width:0}.cinematic-style-row>.video-icon-button{width:24px;height:32px}.cinematic-json{tab-size:2;min-height:190px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:10px!important;line-height:1.65!important}.cinematic-error{color:#9d4c65;overflow-wrap:anywhere;background:#fff4f6;border:1px solid #efced7;border-radius:5px;padding:9px;font-size:10px;line-height:1.6}.cinematic-upgrade{border-bottom:1px solid #f0e9f4;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;display:flex}@container videos (width<=1000px){.video-frame-field>span{display:none}.video-transport{gap:8px}.video-frame-field input{width:49px}}@container videos (width<=480px){.video-frame-field input{width:47px;height:30px;font-size:12px}.video-transport-step{display:none}.cinematic-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cinematic-track .video-field>input,.cinematic-track .video-field>select{min-height:34px;font-size:14px}.cinematic-layer-tree>button{height:36px;font-size:11px}.cinematic-easing{grid-template-columns:repeat(2,minmax(0,1fr))}}.generation-workspace{min-width:0;min-height:calc(100svh - var(--studio-header-height,60px) - 26px);color:#4c4056;background:#faf8fb;border-radius:0 0 15px 15px;flex-direction:column;grid-column:1/-1;display:flex;position:relative;overflow:hidden;container:generation/inline-size}.generation-workspace button:disabled,.generation-dialog button:disabled{cursor:not-allowed;opacity:.45}:is(.generation-workspace button:focus-visible,.generation-workspace input:focus-visible,.generation-workspace select:focus-visible,.generation-workspace textarea:focus-visible,.generation-dialog button:focus-visible,.generation-dialog input:focus-visible,.generation-dialog select:focus-visible){outline-offset:3px;outline:2px solid #a47bbd}.generation-header{background:#fff;border-bottom:1px solid #e8e1ec;flex:none;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px 22px;display:flex}.generation-heading{align-items:center;gap:13px;min-width:0;display:flex}.generation-mark{color:#9871af;background:linear-gradient(135deg,#faf5ff,#eee2f8);border:1px solid #e7daef;border-radius:12px;flex:none;place-items:center;width:42px;height:44px;display:grid}.generation-heading h1{letter-spacing:-.7px;color:#4c3b59;font-size:23px;font-weight:550;line-height:1.25}.generation-heading p{color:#92819f;margin-top:5px;font-size:11px;line-height:1.6}.generation-header-actions{flex:none;align-items:center;gap:8px;display:flex}.generation-history-actions{border-right:1px solid #e9e1ef;gap:1px;margin-right:2px;padding-right:10px;display:flex}.generation-button{color:#84668f;white-space:nowrap;background:#fff;border:1px solid #e1d7e9;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:8px 12px;font-size:11px;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}.generation-button:hover{background:#f8f1fc;border-color:#cdb5dd}.generation-button-primary{color:#fff;background:#9a76b0;border-color:#9a76b0;box-shadow:0 2px 5px #62427910}.generation-button-primary:hover{background:#8b659f;border-color:#8b659f}.generation-icon-button{color:#9b86aa;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;width:29px;height:29px;padding:0;display:inline-flex}.generation-icon-button:hover{color:#76518d;background:#f0e7f6}.generation-icon-button.danger:hover{color:#a1506b;background:#fff0f2}.generation-tabs-bar{background:#fefcff;border-bottom:1px solid #e8e0ed;flex:none;justify-content:space-between;align-items:center;gap:20px;min-height:62px;padding:12px 28px;display:flex}.generation-tabs{background:#f3eef7;border:1px solid #e8dfed;border-radius:9px;align-items:center;gap:4px;padding:3px;display:flex}.generation-tabs button{color:#927f9e;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:6px 17px;font-size:11px;font-weight:500;display:flex}.generation-tabs button[aria-selected=true]{color:#75528b;background:#fff;border-color:#e3d6ec;box-shadow:0 1px 3px #50326208}.generation-tabs button:hover:not([aria-selected=true]){color:#75528b;background:#f9f5fc}.generation-document-name{color:#ac98b9;align-items:center;gap:6px;min-width:0;display:flex}.generation-document-name input{color:#7c658c;background:0 0;border:1px solid #0000;border-radius:6px;width:190px;min-width:80px;max-width:100%;padding:5px 7px;font-size:11px;line-height:1.6}:is(.generation-document-name input:hover,.generation-document-name input:focus-visible){background:#fff;border-color:#e0d1ea}.generation-body{flex:1;grid-template-columns:340px minmax(0,1fr);min-width:0;min-height:640px;display:grid}.generation-editor{background:#fff;border-right:1px solid #e9e1ed;flex-direction:column;min-width:0;display:flex}.generation-editor-scroll{flex:1;min-width:0;padding:24px 23px}.generation-editor fieldset{border:0;min-width:0;margin:0;padding:0;display:block}.generation-section{min-width:0;margin-bottom:24px}.generation-section:last-child{margin-bottom:0}.generation-section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.generation-section-heading h2,.generation-section-heading h3{color:#80618f;align-items:center;gap:7px;margin:0;font-size:11px;font-weight:550;line-height:1.6;display:flex}.generation-section-heading h2>svg,.generation-section-heading h3>svg{color:#b29bc0}.generation-section-heading>span{color:#b29fc0;letter-spacing:.5px;font-size:9px}.generation-section-heading .generation-button{min-height:27px;padding:5px 8px;font-size:10px}.generation-field{flex-direction:column;gap:7px;min-width:0;margin-bottom:15px;display:flex}.generation-field:last-child{margin-bottom:0}.generation-field>span:first-child{color:#8b729b;font-size:10px;font-weight:500;line-height:1.5}.generation-field input,.generation-field textarea,.generation-field select{width:100%;min-width:0;min-height:35px;box-shadow:none;color:#715c81;background:#fff;border:1px solid #e4dbe9;border-radius:7px;padding:8px 10px;font-size:11px;line-height:1.7}.generation-field textarea{resize:vertical;min-height:95px;max-height:460px}.generation-field textarea.generation-main-prompt{background:#fcf9fe;border-color:#ded0e8;border-radius:9px;min-height:168px;padding:12px 13px;font-size:12px;line-height:1.85}.generation-field textarea::placeholder,.generation-field input::placeholder{color:#b6a6c1;opacity:1}.generation-field input:focus,.generation-field textarea:focus,.generation-field select:focus{border-color:#bfa1d0}.generation-field textarea:disabled,.generation-field input:disabled,.generation-field select:disabled{opacity:.7;cursor:not-allowed;background:#faf7fc}.generation-field small{color:#a38eaf;font-size:10px;line-height:1.7}.generation-field-row{grid-template-columns:1fr 1fr;gap:11px;min-width:0;display:grid}.generation-field-row .generation-field{margin-bottom:15px}.generation-script-meta{color:#b29dbf;font-variant-numeric:tabular-nums;justify-content:space-between;gap:10px;margin-top:-7px;font-size:9px;line-height:1.5;display:flex}.generation-prompt-hints{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.generation-prompt-hints>button{color:#967aa7;background:#faf6fd;border:1px solid #e7ddec;border-radius:5px;padding:4px 7px;font-size:9px;line-height:1.5}.generation-prompt-hints>button:hover{background:#f2e8f8;border-color:#d2bbdf}.generation-helper{color:#9d88ab;margin-top:9px;font-size:10px;line-height:1.8}.generation-divider{background:#eee7f2;height:1px;margin:23px -23px}.generation-reference-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.generation-reference{background:#fefcff;border:1px solid #e7dceb;border-radius:8px;min-width:0;padding:9px 9px 9px 10px}.generation-reference.is-missing{background:#fff8f8;border-color:#eedce2}.generation-reference-title{align-items:center;gap:8px;min-width:0;display:flex}.generation-reference-thumbnail{color:#a185b2;background:#f0e7f6;border-radius:6px;flex:none;place-items:center;width:29px;height:29px;display:grid;overflow:hidden}.generation-reference-thumbnail>img{object-fit:cover;width:100%;height:100%}.generation-reference-title>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.generation-reference-title strong{color:#856991;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.generation-reference-title small{color:#ad98bb;white-space:nowrap;text-overflow:ellipsis;font-size:8px;line-height:1.5;overflow:hidden}.generation-reference.is-missing .generation-reference-title small{color:#b46f7f}.generation-reference-details{grid-template-columns:90px minmax(0,1fr);gap:7px;margin-top:8px;display:grid}.generation-reference-details select,.generation-reference-details input{color:#91759f;background:#fff;border:1px solid #e6dcec;border-radius:5px;width:100%;min-width:0;height:27px;padding:4px 6px;font-size:9px;line-height:1.6}.generation-reference-empty{color:#a185b2;text-align:left;background:#fcf9fe;border:1px dashed #dccce7;border-radius:8px;align-items:center;gap:10px;width:100%;padding:14px 12px;display:flex}.generation-reference-empty:hover{background:#f7effb;border-color:#b899cb}.generation-reference-empty>span{flex-direction:column;gap:3px;display:flex}.generation-reference-empty strong{color:#90739f;font-size:11px;font-weight:500}.generation-reference-empty small{color:#ac96ba;font-size:9px;line-height:1.6}.generation-editor-footer{z-index:2;background:#fdfaff;border-top:1px solid #e8deef;flex-direction:column;gap:11px;padding:18px 23px 20px;display:flex;position:sticky;bottom:0}.generation-run-button{background:#9b77b0;gap:8px;width:100%;min-height:41px;font-size:12px}.generation-run-button>svg:last-child{opacity:.8;margin-left:auto}.generation-run-button>svg:first-child{opacity:.95;margin-right:auto}.generation-run-help{color:#a38bad;text-align:center;font-size:9px;line-height:1.8}.generation-availability{color:#9478a4;background:#f8f0fd;border:1px solid #e4d7eb;border-radius:7px;align-items:flex-start;gap:7px;padding:10px 11px;font-size:10px;line-height:1.75;display:flex}.generation-availability>svg{flex:none;margin-top:2px}.generation-availability a,.generation-availability button{color:#85609c;text-underline-offset:3px;padding:0;text-decoration:underline}.generation-output{background:#f4f0f7;flex-direction:column;min-width:0;min-height:0;display:flex}.generation-output-toolbar{color:#a28ab1;background:#fefcff;border-bottom:1px solid #e9e1ef;flex:none;justify-content:space-between;align-items:center;gap:15px;min-height:53px;padding:15px 22px;font-size:10px;display:flex}.generation-output-toolbar>span{align-items:center;gap:7px;min-width:0;display:flex}.generation-output-toolbar .generation-button{min-height:28px;padding:5px 9px;font-size:10px}.generation-output-meta{color:#a48caf;align-items:center;gap:8px;min-width:0;font-size:9px;display:flex}.generation-output-meta>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generation-preview{background:radial-gradient(#d8cbe342 .7px,#0000 .7px) 0 0/15px 15px;flex:1;justify-content:center;align-items:center;min-height:380px;padding:44px 38px 38px;display:flex;position:relative;overflow:hidden}.generation-stage-label{color:#b39ac2;letter-spacing:1px;text-transform:uppercase;pointer-events:none;justify-content:space-between;gap:12px;font-size:8px;display:flex;position:absolute;top:17px;left:23px;right:23px}.generation-preview-media{background:repeating-conic-gradient(#fcf9fe 0% 25%,#f1eaf7 0% 50%) 50%/18px 18px;border:1px solid #dacde5;border-radius:8px;justify-content:center;align-items:center;width:min(100%,720px);max-width:100%;max-height:570px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px #5233620a}.generation-preview-media>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:560px;display:block}.generation-preview-media>video{object-fit:contain;background:#211b29;width:100%;max-width:100%;max-height:560px;display:block}.generation-preview-media.is-audio{background:linear-gradient(145deg,#fbf7fe,#f0e4fa);border-color:#ddcbe9;flex-direction:column;gap:20px;max-width:530px;min-height:245px;padding:40px 35px 31px;display:flex}.generation-preview-media.is-audio h3{color:#8a659f;letter-spacing:-.2px;text-align:center;font-size:16px;font-weight:500}.generation-preview-media.is-audio p{color:#ad90bf;text-align:center;margin-top:-13px;font-size:10px;line-height:1.7}.generation-preview-media audio{filter:sepia(.15)hue-rotate(220deg)saturate(.6);width:100%;height:38px;display:block}.generation-audio-art{color:#b592c9;justify-content:center;align-items:center;gap:5px;width:230px;max-width:90%;height:63px;display:flex}.generation-audio-art>i{opacity:.65;background:currentColor;border-radius:5px;width:4px;display:block}.generation-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:340px;margin:25px 0 35px;display:flex}.generation-empty-symbol{color:#a787bc;background:linear-gradient(145deg,#fffafe,#eae0f4);border:1px solid #dac9e6;border-radius:22px;place-items:center;width:78px;height:83px;margin-bottom:7px;display:grid;position:relative;box-shadow:0 5px 12px #50376208}.generation-empty-symbol:after{content:"";pointer-events:none;border:1px dashed #dfd1e9;border-radius:28px;position:absolute;inset:-7px;transform:rotate(-7deg)}.generation-empty h2{color:#8c6b9e;letter-spacing:-.45px;font-size:18px;font-weight:500;line-height:1.4}.generation-empty p{color:#a48caf;max-width:310px;font-size:11px;line-height:1.9}.generation-empty-steps{color:#b49ac2;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:9px;line-height:1.6;display:flex}.generation-empty-steps>span{align-items:center;gap:5px;display:flex}.generation-empty-steps i{color:#ac8ebc;background:#fbf7fd;border:1px solid #dac9e5;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-style:normal;display:grid}.generation-pending{color:#9677a8;background:#f6edfb;border-top:1px solid #e5d7ef;flex:none;align-items:center;gap:9px;padding:11px 20px;font-size:11px;line-height:1.7;display:flex}.generation-pending>span{flex:1}.generation-progress{background:#e5d6ef;border-radius:4px;flex:none;width:92px;height:4px;overflow:hidden}.generation-progress>i{background:#b08ac7;border-radius:4px;height:100%;transition:width .3s;display:block}.generation-status-dot{text-transform:capitalize;white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.generation-status-dot:before{content:"";background:#b6a1c4;border-radius:50%;flex:none;width:5px;height:5px;display:block}.generation-status-dot.is-completed:before{background:#82aa9d}.generation-status-dot.is-failed:before{background:#c17f91}.generation-status-dot.is-queued:before,.generation-status-dot.is-running:before,.generation-status-dot.is-processing:before{background:#bc94d2}.generation-runs{background:#fff;border-top:1px solid #e5dceb;flex:none;min-width:0;padding:18px 22px 20px}.generation-runs-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.generation-runs-header h2{color:#91729f;align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.generation-runs-header>span{color:#b39dc1;font-size:9px}.generation-runs-list{scrollbar-width:thin;scrollbar-color:#dbcae7 #faf7fc;gap:9px;min-width:0;padding:2px 2px 5px;display:flex;overflow-x:auto}.generation-run-card{text-align:left;color:#9f87ae;background:#fcf9fe;border:1px solid #e6dcec;border-radius:8px;flex-direction:column;flex:none;gap:7px;width:132px;padding:7px;display:flex}.generation-run-card:hover{background:#f6eefb;border-color:#cbb2dc}.generation-run-card.is-selected{background:#f7effd;border-color:#b894cf;box-shadow:0 0 0 1px #cdb4df55}.generation-run-thumbnail{color:#ac8dbf;background:linear-gradient(135deg,#eee4f7,#f9eff3);border-radius:5px;justify-content:center;align-items:center;width:100%;height:66px;display:flex;position:relative;overflow:hidden}.generation-run-thumbnail>img{object-fit:cover;width:100%;height:100%}.generation-run-thumbnail .generation-status-dot{color:#8d759b;background:#fffcfebd;border-radius:3px;padding:2px 3px;font-size:7px;position:absolute;bottom:4px;right:4px}.generation-run-card strong{color:#8a6b9b;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:500;line-height:1.5;overflow:hidden}.generation-run-card small{color:#b099bf;justify-content:space-between;gap:5px;font-size:8px;line-height:1.5;display:flex}.generation-runs-empty{color:#b49ac3;background:#fcf9fe;border:1px dashed #e5d8ed;border-radius:7px;align-items:center;gap:10px;padding:12px 13px;font-size:10px;line-height:1.7;display:flex}.generation-alert{color:#a56b80;background:#fff5f8;border-bottom:1px solid #eddae3;flex:none;align-items:flex-start;gap:8px;padding:11px 22px;font-size:11px;line-height:1.7;display:flex}.generation-alert>svg{flex:none;margin-top:3px}.generation-alert>span{flex:1;min-width:0}.generation-alert .generation-icon-button{color:inherit;width:23px;height:23px}.generation-readonly{color:#a087b0;background:#f4edf8;border-bottom:1px solid #e7dced;align-items:center;gap:7px;padding:9px 24px;font-size:10px;line-height:1.7;display:flex}.generation-scenes{flex-direction:column;gap:8px;margin-bottom:13px;display:flex}.generation-scene{background:#fcf9fe;border:1px solid #e5daec;border-radius:8px;overflow:hidden}.generation-scene.is-selected{background:#fff;border-color:#bea0d0;box-shadow:0 1px 5px #5b39760a}.generation-scene-head{background:#fcf9fe;border-bottom:1px solid #0000;align-items:center;gap:5px;min-width:0;padding:7px 7px 7px 9px;display:flex}.generation-scene.is-selected .generation-scene-head{background:#f6effa;border-color:#eaddf1}.generation-scene-select{text-align:left;color:#8d6b9f;flex:1;align-items:center;gap:7px;min-width:0;padding:2px 0;display:flex}.generation-scene-number{color:#b08fc3;letter-spacing:.4px;background:#fff;border:1px solid #dfcde9;border-radius:5px;flex:none;place-items:center;width:22px;height:23px;font-size:8px;display:grid}.generation-scene-select strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.generation-scene-head>span{color:#b29bc0;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:9px}.generation-scene-head .generation-icon-button{color:#b298c0;width:23px;height:25px}.generation-scene-fields{padding:13px 12px 14px}.generation-scene-fields .generation-field{margin-bottom:12px}.generation-scene-fields textarea{min-height:85px;font-size:10px}.generation-scene-fields input,.generation-scene-fields select{min-height:32px;padding:6px 8px;font-size:10px}.generation-scene-references{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.generation-scene-reference{color:#a184b4;cursor:pointer;background:#faf5fe;border:1px solid #e2d2ed;border-radius:5px;align-items:center;gap:5px;max-width:100%;padding:5px 6px;font-size:8px;line-height:1.5;display:flex}.generation-scene-reference input{accent-color:#a47dbb;flex:none;width:11px;height:11px;margin:0}.generation-scene-reference span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.generation-add-scene{color:#a182b3;background:#fcf8fe;border:1px dashed #d7c2e5;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:34px;font-size:10px;display:flex}.generation-add-scene:hover{background:#f5ebfc;border-color:#b997ce}.generation-scene-settings{align-items:center;gap:7px;margin-bottom:13px;display:flex}.generation-scene-settings select{color:#91719f;background:#fff;border:1px solid #e2d4eb;border-radius:7px;width:100%;height:32px;padding:5px 8px;font-size:10px}.generation-scenes-summary{color:#ae97bd;justify-content:space-between;gap:10px;margin-top:10px;font-size:9px;line-height:1.6;display:flex}.generation-storyboard{scrollbar-width:thin;background:#fbf8fd;border-top:1px solid #e8dfee;flex:none;gap:9px;min-width:0;padding:15px 21px;display:flex;overflow-x:auto}.generation-storyboard-card{text-align:left;color:#a98bb9;background:#fff;border:1px solid #e1d2ec;border-radius:8px;flex-direction:column;flex:none;gap:6px;width:144px;padding:10px 11px;display:flex}.generation-storyboard-card.is-selected{background:#f6edfc;border-color:#b693ca}.generation-storyboard-card>span{letter-spacing:.5px;justify-content:space-between;gap:7px;font-size:8px;line-height:1.6;display:flex}.generation-storyboard-card strong{color:#8c6b9d;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;line-height:1.6;overflow:hidden}.generation-storyboard-card p{color:#ac94bb;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px;font-size:9px;line-height:1.7;display:-webkit-box;overflow:hidden}.generation-dialog{color:#80618f;background:#fdfaff;border:1px solid #ddcce9;border-radius:14px;flex-direction:column;width:min(600px,100vw - 32px);max-height:min(700px,100svh - 50px);padding:0;display:flex;overflow:hidden}.generation-dialog-header{border-bottom:1px solid #e8ddef;padding:22px 24px 17px}.generation-dialog-header h2{letter-spacing:-.5px;color:#775488;margin:0;font-size:19px;font-weight:550}.generation-dialog-header p{color:#a085af;margin:7px 0 0;font-size:11px;line-height:1.8}.generation-reference-search{color:#b399c1;background:#fff;border:1px solid #e1d3eb;border-radius:8px;align-items:center;gap:8px;margin:17px 20px 12px;padding:10px 12px;display:flex}.generation-reference-search input{color:#846294;background:0 0;border:0;flex:1;min-width:0;padding:0;font-size:12px;line-height:1.6}.generation-reference-search input::placeholder{color:#b49fc1}.generation-reference-filters{flex-wrap:wrap;gap:6px;padding:0 20px 13px;display:flex}.generation-reference-filters button{color:#a387b2;background:#fff;border:1px solid #e4d7ed;border-radius:6px;padding:4px 8px;font-size:9px;line-height:1.6}.generation-reference-filters button[aria-pressed=true]{color:#895ca1;background:#efe2f8;border-color:#ceb0df}.generation-candidates{scrollbar-width:thin;flex:1;min-height:120px;max-height:360px;padding:0 12px 15px;overflow-y:auto}.generation-candidate{text-align:left;color:#a486b4;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;width:100%;padding:10px 11px;display:flex}.generation-candidate:hover{background:#f4eafa}.generation-candidate[aria-pressed=true]{background:#f0e2f8;border-color:#e0caed}.generation-candidate>span:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.generation-candidate strong{color:#89649c;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.generation-candidate small{color:#ab8fba;white-space:nowrap;text-overflow:ellipsis;font-size:9px;line-height:1.6;overflow:hidden}.generation-candidate>span:last-child{color:#b69ac5;text-align:right;max-width:130px;font-size:8px}.generation-candidates-empty{text-align:center;color:#a78ab8;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:35px 25px;display:flex}.generation-candidates-empty p{max-width:320px;font-size:11px;line-height:1.8}.generation-dialog-footer{color:#ac91bc;background:#f8f1fc;border-top:1px solid #e7d9f0;justify-content:space-between;align-items:center;gap:20px;padding:14px 22px;font-size:10px;display:flex}.generation-dialog-footer>span{align-items:center;gap:7px;display:flex}.generation-spin{animation:1s linear infinite generation-spin}.generation-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes generation-spin{to{transform:rotate(360deg)}}@container generation (width<=1000px){.generation-body{grid-template-columns:310px minmax(0,1fr)}.generation-header{padding:21px 22px}.generation-editor-scroll{padding:22px 20px}.generation-divider{margin-inline:-20px}.generation-editor-footer{padding-inline:20px}.generation-preview{padding:42px 23px 30px}.generation-heading p{font-size:10px}.generation-header-actions{gap:5px}.generation-header-actions .generation-button{padding-inline:9px;font-size:10px}.generation-tabs-bar{padding-inline:22px}}@container generation (width<=760px){.generation-header{align-items:flex-start;gap:14px;padding:20px}.generation-heading h1{font-size:21px}.generation-heading p{max-width:260px}.generation-mark{width:37px;height:40px}.generation-header-actions .generation-button>span{display:none}.generation-header-actions .generation-button{width:32px;padding:7px}.generation-history-actions{display:none}.generation-body{grid-template-columns:280px minmax(0,1fr)}.generation-editor-scroll{padding:19px 16px}.generation-divider{margin-inline:-16px}.generation-editor-footer{padding:16px}.generation-preview{min-height:340px;padding-inline:18px}.generation-empty h2{font-size:16px}.generation-empty p{font-size:10px}.generation-empty-steps{flex-direction:column;gap:6px}.generation-output-toolbar{gap:9px;padding-inline:15px}.generation-output-meta{display:none}.generation-runs{padding-inline:15px}.generation-tabs-bar{gap:10px;padding-inline:20px}.generation-tabs button{padding-inline:12px}.generation-document-name input{width:145px}.generation-reference-details{grid-template-columns:82px minmax(0,1fr)}.generation-preview-media.is-audio{padding:30px 15px 24px}.generation-preview-media.is-audio h3{font-size:13px}}@container generation (width<=610px){.generation-workspace{min-height:0}.generation-header{padding:19px 17px}.generation-heading{gap:10px}.generation-heading h1{font-size:20px}.generation-heading p{max-width:210px;font-size:9px}.generation-header-actions{gap:4px}.generation-tabs-bar{flex-direction:column;align-items:stretch;gap:10px;padding:13px 17px}.generation-tabs{align-self:flex-start}.generation-tabs button{min-width:77px;padding-inline:14px}.generation-document-name input{flex:1;width:100%}.generation-document-name{width:100%}.generation-body{flex-direction:column;min-height:0;display:flex}.generation-editor{border-bottom:1px solid #e2d6ec;border-right:0}.generation-editor-scroll{padding:22px 20px}.generation-section{margin-bottom:22px}.generation-divider{margin-inline:-20px}.generation-field textarea.generation-main-prompt{min-height:145px;font-size:16px;line-height:1.7}.generation-field input,.generation-field select,.generation-field textarea{font-size:16px}.generation-field>span:first-child{font-size:11px}.generation-field small,.generation-helper{font-size:10px}.generation-editor-footer{padding:17px 20px;position:static}.generation-run-button{min-height:43px;font-size:13px}.generation-run-help{font-size:10px}.generation-preview{min-height:340px;padding:46px 23px 36px}.generation-empty{margin-block:25px}.generation-empty h2{font-size:18px}.generation-empty p{font-size:11px}.generation-empty-steps{flex-direction:row;gap:8px;font-size:9px}.generation-output-toolbar{padding:13px 20px}.generation-output-meta{font-size:8px;display:flex}.generation-runs{padding:18px 20px}.generation-runs-header h2{font-size:12px}.generation-run-card{width:135px}.generation-run-card strong{font-size:10px}.generation-run-card small{font-size:9px}.generation-reference-details input,.generation-reference-details select{height:32px;font-size:12px}.generation-reference-details{grid-template-columns:98px minmax(0,1fr)}.generation-reference-title strong{font-size:11px}.generation-reference-title small{font-size:9px}.generation-scene-fields input,.generation-scene-fields select,.generation-scene-fields textarea{font-size:16px}.generation-scene-head{padding:9px}.generation-scene-select strong{font-size:11px}.generation-scene-head>span{font-size:10px}.generation-scene-head .generation-icon-button{width:27px;height:28px}.generation-scene-reference{min-height:29px;font-size:10px}.generation-scene-reference input{width:13px;height:13px}.generation-preview-media.is-audio{padding:30px 25px}.generation-preview-media.is-audio h3{font-size:16px}}@media (max-width:600px){.generation-dialog{max-height:calc(100svh - 36px)}.generation-dialog-header{padding:20px 19px 15px}.generation-reference-search{margin-inline:15px}.generation-reference-search input{font-size:16px}.generation-reference-filters{padding-inline:15px}.generation-candidates{padding-inline:7px}.generation-candidate{padding:11px 9px}.generation-candidate strong{font-size:12px}.generation-candidate small{font-size:10px}.generation-dialog-footer{gap:10px;padding:14px 17px}}@media (prefers-reduced-motion:reduce){.generation-workspace *,.generation-dialog *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.generation-export-panel{color:#80638f;padding-top:7px}.generation-export-intro{align-items:center;gap:12px;margin-bottom:22px;display:flex}.generation-export-intro>span{color:#a682bc;background:#f2e6fa;border:1px solid #e6d4f0;border-radius:11px;flex:none;place-items:center;width:45px;height:47px;display:grid}.generation-export-intro strong{color:#805990;font-size:16px;font-weight:550;line-height:1.5}.generation-export-intro p{color:#a68bb5;margin-top:3px;font-size:11px;line-height:1.8}.generation-export-recipe{text-align:left;color:#a17bb5;background:#fcf7ff;border:1px solid #dcc8e9;border-radius:10px;align-items:center;gap:13px;width:100%;padding:17px 18px;display:flex}.generation-export-recipe:hover{background:#f5eafa;border-color:#bc96d0}.generation-export-recipe>span{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.generation-export-recipe strong{color:#8e629f;font-size:12px;font-weight:550;line-height:1.5}.generation-export-recipe small{color:#a589b3;font-size:10px;line-height:1.8}.generation-export-private{color:#b196c0;align-items:flex-start;gap:8px;margin:13px 2px 25px;font-size:10px;line-height:1.8;display:flex}.generation-export-private>svg{flex:none;margin-top:3px}.generation-export-output-heading{justify-content:space-between;align-items:center;gap:13px;margin-bottom:13px;display:flex}.generation-export-output-heading h3{color:#9773a7;font-size:12px;font-weight:500}.generation-export-output-heading span{color:#b397c3;font-size:10px}.generation-export-output-list{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow:auto}.generation-export-output-list>div{background:#fffcff;border:1px solid #e8ddef;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.generation-export-output-list>div>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.generation-export-output-list strong{color:#9270a1;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;line-height:1.6;overflow:hidden}.generation-export-output-list small{color:#b296c0;font-size:9px;line-height:1.5}.generation-export-empty{color:#ad90bc;text-align:center;background:#fcf8fe;border:1px dashed #e2d1eb;border-radius:9px;padding:19px;font-size:11px;line-height:1.9}.generation-export-error{color:#a46d82;background:#fff4f7;border:1px solid #eedbe3;border-radius:8px;margin-top:16px;padding:11px 13px;font-size:11px;line-height:1.8}.generation-export-notice{color:#8f769e;align-items:center;gap:7px;margin-top:16px;font-size:11px;line-height:1.8;display:flex}.generation-scene-actions{justify-content:flex-end;align-items:center;gap:5px;padding-top:13px;display:flex}.generation-scene-reference-label{color:#a186b1;margin-top:1px;font-size:9px;line-height:1.6;display:block}.generation-output-caption{color:#ad95bb;background:#faf6fd;border-top:1px solid #e8dfef;justify-content:space-between;align-items:center;gap:12px;padding:10px 21px;font-size:9px;line-height:1.7;display:flex}.generation-output-caption>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generation-output-caption .generation-button{flex:none;min-height:26px;padding:4px 8px;font-size:9px}.generation-field input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:#e7daef;border:0;border-radius:4px;height:4px;min-height:0;margin:9px 0 8px;padding:0}.generation-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#b28ac8;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #c5a6d6}.generation-field input[type=range]::-moz-range-thumb{background:#b28ac8;border:2px solid #fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #c5a6d6}.generation-dialog-header,.generation-reference-search,.generation-reference-filters,.generation-dialog-footer{flex:none}.generation-candidates{min-height:0}.generation-alert>span,.generation-availability>span,.generation-run-help,.generation-empty p{overflow-wrap:anywhere}.generation-output-toolbar>span:first-child{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}@container generation (width<=610px){.generation-header{flex-wrap:wrap;gap:13px}.generation-heading{flex:210px}.generation-header-actions{margin-left:auto}.generation-tabs{align-self:stretch;width:100%}.generation-tabs button{flex:1;min-width:0;padding-inline:10px}}@media (max-height:500px){.generation-dialog{max-height:calc(100svh - 24px)}.generation-dialog-header{padding-top:15px;padding-bottom:12px}.generation-dialog-header p{margin-top:5px;font-size:10px;line-height:1.6}.generation-reference-search{margin-top:11px;margin-bottom:9px}.generation-reference-filters{padding-bottom:9px}.generation-dialog-footer{padding-top:10px;padding-bottom:10px}}.motion-workspace{min-width:0;height:calc(100svh - var(--studio-header-height,60px) - var(--studio-shell-gap,12px)*2 - 2px);color:#725c80;background:#faf8fc;border-radius:0 0 15px 15px;flex-direction:column;grid-column:1/-1;min-height:700px;display:flex;position:relative;overflow:hidden;container:motion/inline-size}.motion-workspace button:disabled,.motion-picker button:disabled{opacity:.4;cursor:not-allowed}:is(.motion-workspace :is(button,input,textarea,select,summary):focus-visible,.motion-picker :is(button,input,textarea,select,summary):focus-visible){outline-offset:3px;outline:2px solid #a07cb8}.motion-workspace-header{background:#fff;border-bottom:1px solid #e8e1ec;flex:none;justify-content:space-between;align-items:center;gap:20px;padding:24px 27px;display:flex}.motion-workspace-title{align-items:center;gap:12px;min-width:0;display:flex}.motion-workspace-title>span{color:#a285b9;background:linear-gradient(135deg,#f9f5fc,#ede3f5);border:1px solid #e8def0;border-radius:11px;flex:none;place-items:center;width:40px;height:41px;display:grid}.motion-workspace-title h1{letter-spacing:-.7px;color:#4c3c56;font-size:23px;font-weight:550;line-height:1.3}.motion-workspace-title p{color:#9f8bab;margin-top:4px;font-size:10px;line-height:1.6}.motion-workspace-actions{flex:none;align-items:center;gap:7px;display:flex}.motion-history-actions{border-right:1px solid #e9e2ed;gap:1px;margin-right:2px;padding-right:10px;display:flex}.motion-button{color:#8c6e9f;white-space:nowrap;background:#fff;border:1px solid #ded2e7;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:33px;padding:8px 11px;font-size:10px;line-height:1.4;display:inline-flex}.motion-button:hover{background:#f9f4fc;border-color:#cdb6dc}.motion-button-primary{color:#fff;background:#a286b4;border-color:#a286b4;box-shadow:0 2px 5px #4a2c5908}.motion-button-primary:hover{background:#8e6da3;border-color:#8e6da3}.motion-icon-button{color:#a084b2;border-radius:5px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.motion-icon-button:hover{color:#826096;background:#f0e7f6}.motion-text-button{color:#9675ab;justify-content:center;align-items:center;gap:5px;padding:4px 0;font-size:10px;line-height:1.5;display:inline-flex}.motion-text-button:hover{color:#74518c}.motion-error{color:#a26079;background:#fff3f6;border-bottom:1px solid #f0dce5;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:9px 20px;font-size:11px;line-height:1.7;display:flex}.motion-error .motion-icon-button{color:inherit;width:23px;height:23px}.motion-workspace-body{flex:1;grid-template-columns:minmax(0,1fr) 286px;min-width:0;min-height:0;display:grid;position:relative}.motion-main{background:#fcfafe;flex-direction:column;min-width:0;min-height:0;display:flex}.motion-library-toolbar{background:#fff;border-bottom:1px solid #ece4f1;flex:none;align-items:center;gap:15px;min-height:62px;padding:13px 22px;display:flex}.motion-search{color:#b49cc5;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.motion-search>input{color:#836896;background:0 0;border:0;width:100%;min-width:0;padding:7px 0;font-size:10px;line-height:1.5}.motion-search>input::placeholder{color:#b29bc1}.motion-search>input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.motion-preset-select{color:#a88cbb;flex:none;align-items:center;gap:5px;padding:6px 0;font-size:9px;display:flex;position:relative}.motion-preset-select>select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:11px;position:absolute;inset:0}.motion-preset-select:focus-within{outline-offset:4px;border-radius:3px;outline:2px solid #a07cb8}.motion-properties-toggle{display:none}.motion-main-scroll{scrollbar-width:thin;scrollbar-color:#e5d8ee transparent;flex:1;min-height:0;padding:22px;overflow:auto}.motion-feature-preview{background:#fff;border:1px solid #e8deef;border-radius:9px;overflow:hidden;box-shadow:0 2px 7px #58396103}.motion-feature-heading{border-bottom:1px solid #eee6f3;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:13px 16px;display:flex}.motion-feature-heading>div{align-items:center;gap:8px;min-width:0;display:flex}.motion-feature-heading h2{color:#856198;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;line-height:1.5;overflow:hidden}.motion-kind-badge{color:#b394c6;letter-spacing:.1px;background:#f9f4fc;border:1px solid #e9dcef;border-radius:4px;flex:none;align-items:center;padding:3px 6px;font-size:7px;line-height:1.4;display:inline-flex}.motion-kind-badge.kind-transition{color:#95a0bd;background:#f3f5fb;border-color:#e0e5f2}.motion-kind-badge.kind-effect{color:#bd9b88;background:#fcf4f0;border-color:#f0e2d8}.motion-feature-heading>.motion-text-button{flex:none;font-size:9px}.motion-feature-stage{background:#f6f1f9;height:174px;position:relative;overflow:hidden}.motion-feature-stage>.motion-preview{width:100%;height:100%}.motion-feature-stage-note{color:#b79cc8;pointer-events:none;align-items:center;gap:5px;font-size:7px;line-height:1.5;display:flex;position:absolute;bottom:13px;left:14px}.motion-feature-stage-note>span{background:#b193c4;border-radius:50%;width:3px;height:3px;display:block}.motion-feature-stage-note>i{color:#ccb9d8;margin:0 2px;font-style:normal}.motion-sample-switch{background:#fffcfff0;border:1px solid #e8dcef;border-radius:4px;gap:3px;padding:2px;display:flex;position:absolute;bottom:10px;right:12px}.motion-sample-switch>button{text-transform:capitalize;color:#b39ac5;border-radius:3px;padding:3px 6px;font-size:7px;line-height:1.4}.motion-sample-switch>button[aria-pressed=true]{color:#9675ad;background:#ece0f4}.motion-feature-transport{color:#b295c4;border-top:1px solid #eadff1;align-items:center;gap:12px;min-height:35px;padding:8px 15px;font-size:7px;line-height:1.5;display:flex}.motion-feature-transport>span:first-child{white-space:nowrap;min-width:40px}.motion-feature-transport>span:last-child{text-align:right;font-variant-numeric:tabular-nums;min-width:28px}.motion-feature-transport>input{-webkit-appearance:none;appearance:none;cursor:pointer;background:#e8ddef;border-radius:8px;flex:1;min-width:20px;height:3px;margin:0}.motion-feature-transport>input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#b391ca;border:2px solid #fff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #cfb7df}.motion-feature-transport>input::-moz-range-thumb{background:#b391ca;border:2px solid #fff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 1px #cfb7df}.motion-preview{isolation:isolate;background-color:#f4eef8;background-image:radial-gradient(#d6c5e247 .65px,#0000 .65px);background-size:14px 14px;place-items:center;display:grid;position:relative;overflow:hidden}.motion-preview-cross{pointer-events:none;background:#d3bfe21a;position:absolute}.motion-preview-cross.is-horizontal{height:1px;top:50%;left:14px;right:14px}.motion-preview-cross.is-vertical{width:1px;top:14px;bottom:14px;left:50%}.motion-preview-origin{pointer-events:none;border:1px dashed #cab4d944;border-radius:11px;width:65px;height:74px;margin-top:-37px;margin-left:-32.5px;position:absolute;top:50%;left:50%}.motion-preview-target{will-change:translate,scale,opacity,filter;place-items:center;width:115px;height:100px;margin:auto;display:grid;position:absolute;inset:0}.motion-sample-tile{color:#f9f3ff;background:linear-gradient(145deg,#cdb7df,#a98abd);border:1px solid #c6addb99;border-radius:11px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;width:64px;height:74px;padding:10px 11px 12px;display:flex;box-shadow:0 8px 18px #6a437019}.motion-sample-tile>span{color:#fbf7fe;flex:1;place-items:center;width:100%;padding-bottom:1px;display:grid}.motion-sample-tile>i{background:#e8d8f285;border-radius:3px;width:35px;height:2px;display:block}.motion-sample-tile>i:last-child{background:#e8d8f255;width:23px}.kind-transition.motion-preview{background-color:#f0f2f8;background-image:radial-gradient(#c8cfe04d .65px,#0000 .65px)}.kind-transition .motion-sample-tile{background:linear-gradient(145deg,#bdc9e0,#93a1bf);border-color:#b1bfd599;box-shadow:0 8px 18px #5b638719}.kind-effect.motion-preview{background-color:#f8f1ed;background-image:radial-gradient(#e0cdbf4d .65px,#0000 .65px)}.kind-effect .motion-sample-tile{background:linear-gradient(145deg,#e3c9b5,#c3a080);border-color:#d7bda599;box-shadow:0 8px 18px #8c614719}.motion-sample-button{white-space:nowrap;color:#fff;background:#a787ba;border:1px solid #9471aa;border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-size:10px;display:inline-flex;box-shadow:0 6px 14px #70467d14}.motion-sample-text{letter-spacing:-.8px;color:#9472a8;white-space:nowrap;font-size:24px;font-weight:500;line-height:1.05}.motion-sample-text>em{color:#af8fc3;font-family:Georgia,serif;font-weight:400}.sample-button .motion-preview-origin,.sample-text .motion-preview-origin{border-radius:7px;width:140px;height:52px;margin-top:-26px;margin-left:-70px}.motion-collection-heading{justify-content:space-between;align-items:center;gap:12px;margin:23px 0 15px;display:flex}.motion-category-tabs{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.motion-category-tabs>button{color:#a185b4;white-space:nowrap;border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;line-height:1.4;display:flex}.motion-category-tabs>button:hover{background:#f2eaf8}.motion-category-tabs>button[aria-pressed=true]{color:#8b669f;background:#ede2f5;border-color:#e3d3ee}.motion-category-tabs>button>span{color:#aa87bf;background:#ffffff9e;border-radius:3px;margin-left:2px;padding:1px 4px;font-size:7px}.motion-collection-heading>span{color:#bea6ce;white-space:nowrap;flex:none;font-size:8px}.motion-card-grid{grid-template-columns:repeat(auto-fill,minmax(151px,1fr));gap:13px;display:grid}.motion-library-card{text-align:left;background:#fff;border:1px solid #e9dfef;border-radius:7px;min-width:0;padding:0;transition:border-color .15s,box-shadow .15s;display:block;overflow:hidden;box-shadow:0 2px 5px #58396102}.motion-library-card:hover{border-color:#cdb4dd;box-shadow:0 5px 12px #58396109}.motion-library-card.is-selected{border-color:#b496c8;box-shadow:0 0 0 1px #c7acd96b}.motion-card-visual{height:113px;display:block;position:relative;overflow:hidden}.motion-card-visual>.motion-preview{width:100%;height:100%}.motion-card-visual .motion-preview-target{scale:.78}.motion-card-visual .motion-preview-origin{border-radius:8px;width:50px;height:58px;margin-top:-29px;margin-left:-25px}.motion-card-duration{color:#b49ac5;background:#fffafed9;border:1px solid #e8ddef77;border-radius:3px;align-items:center;gap:3px;padding:2px 4px;font-size:7px;line-height:1.4;display:flex;position:absolute;bottom:8px;left:9px}.motion-card-check{color:#fff;background:#b092c3;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #7c558a0c}.motion-card-copy{flex-direction:column;gap:6px;min-width:0;padding:11px 12px 12px;display:flex}.motion-card-copy>strong{color:#8a699d;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;line-height:1.4;overflow:hidden}.motion-card-copy>span{color:#b29ac2;white-space:nowrap;align-items:center;gap:4px;font-size:7px;line-height:1.5;display:flex}.motion-card-copy>span>i{color:#cebdd8;margin:0 1px;font-style:normal}.motion-library-footnote{color:#b49ac4;border-top:1px solid #ede4f3;align-items:flex-start;gap:9px;margin:25px 0 4px;padding:16px 2px 0;display:flex}.motion-library-footnote>svg{flex:none;margin-top:2px}.motion-library-footnote>p{color:#a186b2;font-size:9px;line-height:1.7}.motion-library-footnote>p>span{color:#bba3ca;margin-top:3px;font-size:8px;display:block}.motion-workspace-notice{color:#ad94bf;background:#fefcff;border-top:1px solid #ebe2f0;flex:none;align-items:center;gap:6px;min-height:34px;padding:8px 20px;font-size:8px;line-height:1.5;display:flex}.motion-workspace-notice>.motion-icon-button{width:18px;height:18px;margin-left:auto}.motion-save-dot{background:#b7a7c0;border-radius:50%;flex:none;width:4px;height:4px;display:block}.motion-hover-note{color:#bfa9ce;margin-left:auto;font-size:7px}.motion-library-empty{text-align:center;color:#b49bc6;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:250px;padding:30px 20px;display:flex}.motion-library-empty>svg{stroke-width:1.2px}.motion-library-empty>h3{color:#997aaa;letter-spacing:-.35px;font-size:17px;font-weight:500}.motion-library-empty>p{color:#ad93bd;max-width:290px;font-size:11px;line-height:1.8}.motion-library-empty>.motion-button{margin-top:3px}.motion-inspector{z-index:2;background:#fff;border-left:1px solid #e5dbea;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.motion-inspector-heading{color:#b59ac7;border-bottom:1px solid #eee5f3;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:19px;display:flex}.motion-inspector-heading>span{color:#9272a6;align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex}.motion-inspector-scroll{scrollbar-width:thin;scrollbar-color:#e8daf0 transparent;flex:1;min-height:0;overflow:auto}.motion-enhancements{padding:17px 17px 0}.motion-enhancements>.native-enhancements{margin-bottom:0}.motion-property-section{border-bottom:1px solid #eee6f3;flex-direction:column;gap:14px;padding:20px 18px;display:flex}.motion-property-section>h3{color:#9171a5;align-items:center;gap:7px;margin:0 0 2px;font-size:11px;font-weight:500;display:flex}.motion-property-section>h3>svg{color:#b49ac6;stroke-width:1.5px}.motion-shared-label{color:#b49bc6;align-items:center;gap:5px;margin-bottom:1px;font-size:8px;display:flex}.motion-field{color:#8c729c;flex-direction:column;gap:7px;min-width:0;font-size:10px;line-height:1.5;display:flex}.motion-field>span:first-child{justify-content:space-between;align-items:center;gap:6px;min-height:15px;display:flex}.motion-field>input,.motion-field>textarea,.motion-field>select,.motion-number-input>input{color:#7e608f;background:#fff;border:1px solid #e0d3e9;border-radius:5px;width:100%;min-width:0;min-height:32px;padding:7px 9px;font-size:11px;line-height:1.55;display:block;box-shadow:0 1px 3px #48245402}.motion-field>textarea{resize:vertical;min-height:68px}.motion-field>input::placeholder,.motion-field>textarea::placeholder{color:#bca4cd;font-size:10px}.motion-field>select{cursor:pointer;padding-right:20px}.motion-field-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.motion-number-input{min-width:0;display:block;position:relative}.motion-number-input>input{font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;padding-right:28px}.motion-number-input>input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.motion-number-input>input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.motion-number-input>small{color:#b59ac8;pointer-events:none;font-size:8px;line-height:1.4;position:absolute;top:10px;right:8px}.motion-field-reset{color:#b093c5;border-radius:3px;flex:none;place-items:center;width:16px;height:16px;padding:0;display:grid}.motion-field-reset:hover{color:#8d68a4;background:#f0e5f8}.motion-field-help{color:#a58bb6;margin:0;font-size:9px;line-height:1.75}.motion-style-head,.motion-style-row{grid-template-columns:67px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:7px;min-width:0;display:grid}.motion-style-head{color:#b297c5;padding:0 1px;font-size:8px}.motion-style-head>span:not(:first-child){text-align:center}.motion-style-list{flex-direction:column;gap:9px;margin-top:-5px;display:flex}.motion-style-row>span{color:#9c80af;font-size:9px}.motion-style-row .motion-field>span:first-child{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.motion-style-row .motion-number-input>input{padding-left:7px;padding-right:22px;font-size:10px}.motion-style-row .motion-number-input>small{font-size:7px;right:6px}.motion-asset-actions{border-bottom:0;gap:9px}.motion-asset-actions>.motion-button{min-height:31px;font-size:9px}.motion-asset-actions>.motion-delete{color:#ae859c;align-self:center;margin-top:2px;font-size:9px}.motion-inspector-empty{color:#b9a0c9;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:250px;padding:28px;display:flex}.motion-inspector-empty p{color:#a58ab6;font-size:11px;line-height:1.8}.motion-properties-backdrop{z-index:10;background:#38203f1b;position:absolute;inset:89px 0 0}.motion-picker{flex-direction:column;gap:10px;min-width:0;display:flex}.motion-picker-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.motion-picker-heading>label{color:#9474a7;align-items:center;gap:6px;font-size:11px;font-weight:500;line-height:1.5;display:flex}.motion-picker-heading>label>svg{color:#b097c3;stroke-width:1.5px}.motion-picker-heading>.motion-text-button{padding:0;font-size:9px}.motion-picker-select{align-items:center;gap:5px;min-width:0;display:flex}.motion-picker-select>select{color:#876598;cursor:pointer;background:#fff;border:1px solid #ded1e8;border-radius:5px;flex:1;width:100%;min-width:0;padding:8px 24px 8px 9px;font-size:11px;line-height:1.5;display:block}.motion-picker-select>.motion-icon-button{color:#b498c6;width:23px;height:28px}.motion-picker-bound{background:#fcf9fe;border:1px solid #ece0f4;border-radius:6px;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.motion-picker-preview{border-radius:4px;flex:none;width:58px;height:56px}.motion-picker-preview .motion-preview-target{width:70px;height:70px}.motion-picker-preview .motion-sample-tile{border-radius:6px;gap:3px;width:29px;height:34px;padding:4px 5px;box-shadow:0 4px 10px #6a437019}.motion-picker-preview .motion-sample-tile>span>svg{width:11px;height:11px}.motion-picker-preview .motion-sample-tile>i{width:17px;height:1px}.motion-picker-preview .motion-sample-tile>i:last-child{width:12px}.motion-picker-preview .motion-preview-origin{border-radius:6px;width:30px;height:35px;margin-top:-17.5px;margin-left:-15px;top:50%;left:50%}.motion-picker-bound>div:nth-child(2){flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.motion-picker-bound strong{color:#9774ab;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;line-height:1.5;overflow:hidden}.motion-picker-bound>div>span{color:#b49bc7;align-items:center;gap:4px;font-size:7px;line-height:1.4;display:flex}.motion-picker-bound small{color:#bfa7cf;font-size:7px;line-height:1.4}.motion-toggle{cursor:pointer;flex:none;width:26px;height:16px;display:block;position:relative}.motion-toggle>input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.motion-toggle>i{pointer-events:none;background:#e7daef;border-radius:15px;width:26px;height:16px;transition:background .15s;display:block}.motion-toggle>i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #5d3a7312}.motion-toggle>input:checked+i{background:#b196c4}.motion-toggle>input:checked+i:after{transform:translate(10px)}.motion-toggle>input:focus-visible+i{outline-offset:3px;outline:2px solid #9d77b6}.motion-toggle>input:disabled+i{opacity:.4}.motion-use-options{border-top:1px solid #eee4f4;margin-top:1px;padding-top:10px}.motion-use-options>summary{cursor:pointer;color:#a183b5;justify-content:space-between;align-items:center;gap:8px;font-size:10px;list-style:none;display:flex}.motion-use-options>summary::-webkit-details-marker{display:none}.motion-use-options>summary>span{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.motion-use-options>summary small{color:#b697c9;background:#f5edf9;border:1px solid #ecdef4;border-radius:3px;padding:2px 5px;font-size:7px}.motion-use-options>summary>svg{color:#b79bc9;flex:none;transition:transform .15s}.motion-use-options[open]>summary>svg{transform:rotate(180deg)}.motion-use-options>div{flex-direction:column;gap:12px;padding-top:13px;display:flex}.motion-use-options>div>p{color:#b097c2;margin:0 0 1px;font-size:9px;line-height:1.75}.motion-use-options>div>.motion-text-button{align-self:flex-start;font-size:9px}.motion-picker-warning{color:#af9374;background:#fbf7f1;border:1px solid #eee3d6;border-radius:5px;margin:0;padding:8px 9px;font-size:9px;line-height:1.75}.motion-picker-empty{color:#b299c3;margin:0;font-size:9px;line-height:1.75}.components-advanced-motion{z-index:3;background:#fffcff;border-bottom:1px solid #e9dff0;flex:none;position:relative}.components-advanced-motion>summary{cursor:pointer;color:#b093c3;justify-content:space-between;align-items:center;gap:15px;padding:11px 20px;font-size:9px;list-style:none;display:flex}.components-advanced-motion>summary::-webkit-details-marker{display:none}.components-advanced-motion>summary>span:first-child{color:#9676a8;font-weight:500}.components-advanced-motion>summary>span:last-child{align-items:center;gap:7px;display:flex}.components-advanced-motion>div{max-width:430px;max-height:320px;padding:6px 20px 17px;overflow:auto}.motion-export-dialog[data-slot=dialog-content]{width:calc(100vw - 32px);max-width:650px;max-height:calc(100svh - 32px);padding:26px;overflow:auto}.motion-export-dialog [data-slot=dialog-title]{letter-spacing:-.4px;color:#745883;font-size:21px;font-weight:500}.motion-export-dialog [data-slot=dialog-description]{color:#a68bb8;font-size:11px;line-height:1.8}.motion-export-panel{flex-direction:column;gap:18px;min-width:0;display:flex}.motion-export-summary{background:#fbf7fe;border:1px solid #e9dfef;border-radius:8px;align-items:center;gap:12px;padding:15px;display:flex}.motion-export-summary>span{color:#b095c3;background:#efe4f7;border:1px solid #e5d5ef;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;display:grid}.motion-export-summary strong{color:#8a689e;font-size:13px;font-weight:500}.motion-export-summary p{color:#af92c3;text-transform:capitalize;margin-top:4px;font-size:9px;line-height:1.7}.motion-export-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.motion-export-grid>button{text-align:left;color:#b093c2;background:#fff;border:1px solid #e7dcee;border-radius:7px;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:16px 13px;display:flex}.motion-export-grid>button:hover{background:#fcf8fe;border-color:#d3bce1}.motion-export-grid strong{color:#9370a7;font-size:11px;font-weight:500}.motion-export-grid>button>span{color:#b096c2;flex:1;font-size:9px;line-height:1.8}.motion-export-grid small{color:#9d7ab2;align-items:center;gap:6px;margin-top:2px;font-size:8px;display:flex}.motion-export-code{border:1px solid #e7dcee;border-radius:6px;min-width:0}.motion-export-code>summary{cursor:pointer;color:#a385b6;padding:11px 12px;font-size:10px}.motion-export-code>pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#9d80b1;background:#f8f3fc;border-radius:4px;max-height:250px;margin:0 11px 11px;padding:12px;font-size:9px;line-height:1.8;overflow:auto}.motion-export-code>.motion-button{min-height:29px;margin:0 11px 11px;font-size:9px}.motion-export-library{border-top:1px solid #eee5f4;justify-content:space-between;align-items:center;gap:17px;padding-top:17px;display:flex}.motion-export-library>div{flex-direction:column;gap:5px;min-width:0;display:flex}.motion-export-library strong{color:#9977ab;font-size:11px;font-weight:500}.motion-export-library>div>span{color:#b49ac5;font-size:9px;line-height:1.7}.motion-export-library>.motion-button{flex:none;font-size:9px}.motion-export-error{color:#ab738c;background:#fff6fa;border:1px solid #f0dfe9;border-radius:6px;margin:0;padding:10px 12px;font-size:10px;line-height:1.8}.motion-export-notice{color:#8d9b83;background:#f7faf4;border:1px solid #e4ebdb;border-radius:6px;align-items:center;gap:7px;margin:0;padding:10px 12px;font-size:10px;line-height:1.8;display:flex}.motion-export-empty{text-align:center;color:#a68cb8;padding:25px 15px;font-size:11px;line-height:1.8}@container motion (width<=1000px){.motion-workspace-header{gap:14px;padding:21px 22px}.motion-workspace-title h1{font-size:22px}.motion-workspace-body{grid-template-columns:minmax(0,1fr) 266px}.motion-workspace-title p{font-size:9px}.motion-workspace-actions{gap:6px}.motion-import-button>span{display:none}.motion-import-button{padding-inline:9px}.motion-main-scroll{padding:18px}.motion-library-toolbar{padding-inline:18px}.motion-preset-select>span{display:none}.motion-feature-stage{height:158px}.motion-collection-heading{align-items:flex-start;gap:5px;margin-top:19px}.motion-category-tabs{gap:3px}.motion-category-tabs>button{gap:4px;padding:5px 6px;font-size:8px}.motion-category-tabs>button>svg,.motion-collection-heading>span{display:none}.motion-card-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.motion-card-visual{height:108px}.motion-card-copy{padding:10px}.motion-card-copy>span{font-size:6px}.motion-card-copy>strong{font-size:10px}.motion-property-section{padding-inline:16px}.motion-style-head,.motion-style-row{grid-template-columns:62px minmax(0,1fr) minmax(0,1fr);gap:6px}.motion-hover-note{display:none}}@container motion (width<=740px){.motion-workspace-body{grid-template-columns:minmax(0,1fr)}.motion-inspector{z-index:12;width:min(320px,87%);transition:transform .2s;position:absolute;top:0;bottom:0;right:0;transform:translate(102%);box-shadow:-10px 0 30px #50345e13}.motion-workspace[data-properties-open=true] .motion-inspector{transform:translate(0)}.motion-properties-toggle{display:inline-flex}.motion-preset-select>span{display:inline}.motion-feature-stage{height:175px}.motion-category-tabs>button>svg{display:block}.motion-category-tabs>button{padding:6px 8px;font-size:9px}.motion-card-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.motion-card-copy>span{font-size:7px}.motion-card-copy>strong{font-size:11px}.motion-property-section{padding-inline:19px}.motion-style-head,.motion-style-row{grid-template-columns:74px minmax(0,1fr) minmax(0,1fr);gap:8px}}@container motion (width<=480px){.motion-workspace-header{gap:10px;padding:17px 15px}.motion-workspace-title{gap:9px}.motion-workspace-title>span{border-radius:9px;width:33px;height:36px}.motion-workspace-title>span>svg{width:19px;height:19px}.motion-workspace-title h1{letter-spacing:-.55px;font-size:19px}.motion-workspace-title>div{min-width:0}.motion-workspace-title h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.motion-workspace-title p,.motion-history-actions{display:none}.motion-workspace-actions>.motion-import-button{display:inline-flex}.motion-workspace-actions>.motion-button:not(.motion-button-primary)>span{display:none}.motion-workspace-actions>.motion-button{gap:4px;min-height:31px;padding:7px 8px;font-size:8px}.motion-workspace-actions>.motion-button-primary{font-size:9px}.motion-library-toolbar{gap:9px;min-height:56px;padding:12px 15px}.motion-search{gap:5px}.motion-search>input{max-width:100%;padding:4px 0;font-size:16px}.motion-search>input::placeholder{font-size:10px}.motion-preset-select>span{display:none}.motion-main-scroll{padding:15px}.motion-feature-heading{min-height:47px;padding:11px 12px}.motion-feature-heading>div{gap:6px}.motion-feature-heading h2{font-size:11px}.motion-kind-badge{padding:3px 4px;font-size:6px}.motion-feature-stage{height:155px}.motion-feature-stage-note{font-size:6px;left:11px}.motion-sample-switch{right:9px}.motion-sample-switch>button{padding:3px 5px;font-size:6px}.motion-collection-heading{margin-top:17px}.motion-category-tabs{flex-wrap:nowrap;justify-content:space-between;gap:2px;width:100%}.motion-category-tabs>button{gap:3px;padding:5px 6px;font-size:8px}.motion-category-tabs>button>svg{display:none}.motion-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.motion-card-visual{height:112px}.motion-card-copy>span{font-size:6px}.motion-card-copy>strong{font-size:10px}.motion-workspace-notice{padding-inline:15px;font-size:7px}.motion-property-section .motion-field>input,.motion-property-section .motion-field>textarea,.motion-property-section .motion-field>select,.motion-property-section .motion-number-input>input{min-height:38px;font-size:16px}.motion-style-row .motion-number-input>input{font-size:13px}.motion-number-input>small{top:12px}.motion-properties-backdrop{top:71px}}@media (max-width:760px){.motion-workspace{border-radius:0}.motion-export-grid{grid-template-columns:1fr}.motion-export-grid>button{gap:8px}.motion-export-grid>button>span{font-size:10px}.motion-export-library{flex-direction:column;align-items:flex-start}.motion-picker-select>select,.motion-picker .motion-number-input>input,.motion-picker .motion-field>select{min-height:38px;font-size:16px}}@media (prefers-reduced-motion:reduce){.motion-workspace *,.motion-picker *{transition:none!important}}.demo-workspace{--demo-bg:#fafaf8;--demo-surface:#fff;--demo-muted:#f4f5f2;--demo-line:#e5e7e0;--demo-ink:#333c32;--demo-secondary:#7b8577;--demo-accent:#647b51;--demo-accent-soft:#edf2e8;--demo-danger:#a64d55;min-width:0;height:calc(100svh - var(--studio-header-height,60px) - var(--studio-shell-gap,12px)*2 - 2px);background:var(--demo-bg);min-height:740px;color:var(--demo-ink);border-radius:0 0 15px 15px;flex-direction:column;grid-column:1/-1;display:flex;overflow:hidden;container:demo/inline-size}.demo-workspace :is(button,input,select,textarea):focus-visible{outline-offset:3px;outline:2px solid #96a983}.demo-workspace button{cursor:pointer}.demo-workspace button:disabled{opacity:.42;cursor:not-allowed}.demo-workspace .button{white-space:nowrap;gap:7px;min-height:32px;padding:8px 11px;font-size:10px}.demo-workspace .button-primary{color:#fff;background:#758b60;border-color:#758b60}.demo-workspace .button-primary:hover{background:#60784d;border-color:#60784d}.demo-workspace .button-secondary{background:var(--demo-surface);color:#6a8057;border-color:#dce3d5}.demo-workspace .button-secondary:hover{background:#f0f5eb;border-color:#b9c8aa}.demo-workspace-header{background:var(--demo-surface);border-bottom:1px solid var(--demo-line);flex:none;justify-content:space-between;align-items:center;gap:18px;padding:21px 24px;display:flex}.demo-heading{align-items:center;gap:12px;min-width:0;display:flex}.demo-heading-mark{color:#82976b;background:linear-gradient(140deg,#f0f4e9,#dfe8d4);border:1px solid #dce6d1;border-radius:11px;flex:none;place-items:center;width:41px;height:41px;display:grid}.demo-heading h1{letter-spacing:-.7px;margin:0;font-size:22px;font-weight:550;line-height:1.3}.demo-heading p{color:var(--demo-secondary);margin:4px 0 0;font-size:10px;line-height:1.6}.demo-header-actions,.demo-history{align-items:center;gap:7px;display:flex}.demo-history{border-right:1px solid var(--demo-line);gap:0;margin-right:2px;padding-right:10px}.demo-icon-button{color:#889b78;background:0 0;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.demo-icon-button:hover{background:var(--demo-accent-soft);color:#5b7448}.demo-message{flex:none;align-items:center;gap:9px;padding:9px 20px;font-size:11px;line-height:1.6;display:flex}.demo-message>span{flex:1}.demo-message.is-error{color:#9c4a56;background:#fff1f2;border-bottom:1px solid #efd9dd}.demo-export-options{background:#f1f5ec;border-bottom:1px solid #dce5d5;flex:none;align-items:center;gap:9px;padding:14px 20px;display:flex}.demo-export-options>div{flex:1;min-width:0}.demo-export-options strong{font-size:12px;font-weight:550}.demo-export-options p{color:#849078;margin:4px 0 0;font-size:10px;line-height:1.6}.demo-workspace-body{flex:1;grid-template-columns:186px minmax(260px,1fr) 272px;min-width:0;min-height:0;display:grid}.demo-library{background:var(--demo-surface);border-right:1px solid var(--demo-line);flex-direction:column;min-width:0;display:flex;overflow:hidden}.demo-library-title{letter-spacing:1px;color:#8c9a81;justify-content:space-between;align-items:center;padding:20px 16px 13px;font-size:8px;font-weight:550;display:flex}.demo-library-title>span:last-child{letter-spacing:0;background:var(--demo-muted);border-radius:4px;padding:2px 5px;font-size:8px}.demo-search{background:var(--demo-muted);border:1px solid var(--demo-line);color:#a1ac98;border-radius:6px;align-items:center;gap:7px;min-height:31px;margin:0 10px 12px;padding:0 8px;display:flex}.demo-search input{width:100%;min-width:0;color:var(--demo-ink);background:0 0;border:0;padding:7px 0;font-size:10px}.demo-search input::placeholder{color:#a1ac98}.demo-library-list{flex:1;padding:0 8px;overflow:auto}.demo-library-item{text-align:left;color:#8b9782;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;width:100%;margin:0 0 5px;padding:10px 8px;display:flex}.demo-library-item>span:nth-child(2){flex:1;min-width:0}.demo-library-item strong{color:#6a765f;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;line-height:1.5;display:block;overflow:hidden}.demo-library-item small{color:#a2ad99;margin-top:4px;font-size:8px;display:block}.demo-library-item:hover{background:#f8faf4}.demo-library-item.is-selected{background:#edf3e6;border-color:#e1e9d8}.demo-library-icon{color:#9bad8b;place-items:center;width:28px;height:32px;display:grid}.demo-library-item.is-selected .demo-library-icon{color:#788e61}.demo-library-footer{border-top:1px solid var(--demo-line);color:#a2ad99;align-items:flex-start;gap:8px;padding:15px;font-size:8px;line-height:1.8;display:flex}.demo-library-footer svg{flex:none;margin-top:2px}.demo-empty-search{color:var(--demo-secondary);padding:10px;font-size:10px;line-height:1.7}.demo-main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.demo-main-toolbar{border-bottom:1px solid var(--demo-line);background:var(--demo-surface);flex:none;align-items:center;gap:12px;min-height:57px;padding:11px 17px;display:flex}.demo-mode-switch{background:#f3f5ef;border:1px solid #e8ece2;border-radius:6px;flex:none;align-items:center;gap:2px;padding:3px;display:flex}.demo-mode-switch button{color:#9aa88e;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-width:56px;padding:6px 9px;font-size:9px;line-height:1.3;display:flex}.demo-mode-switch .is-active{color:#6f855b;background:#fff;box-shadow:0 1px 4px #2734150b}.demo-main-title{white-space:nowrap;text-overflow:ellipsis;color:#818c77;flex:1;min-width:0;font-size:11px;font-weight:500;line-height:1.5;overflow:hidden}.demo-health-button{color:#8a9d75;white-space:nowrap;background:#f7faf2;border:1px solid #e1e8d9;border-radius:20px;flex:none;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:flex}.demo-health-button.is-error{color:#b2646d;background:#fff6f7;border-color:#efdae0}.demo-health-button.has-warnings{color:#ae986c;background:#fffbf2;border-color:#eee5d7}.demo-health-panel{border-bottom:1px solid var(--demo-line);background:#fcfdf9;flex:none;max-height:200px;padding:14px 17px;overflow:auto}.demo-health-panel>div:first-child{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.demo-health-panel strong{font-size:11px;font-weight:550}.demo-health-panel>div:first-child span{color:#98a38c;font-size:8px}.demo-health-panel>button{color:#9e8b66;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:7px 0;font-size:10px;line-height:1.6;display:flex}.demo-health-panel>button span{flex:1}.demo-health-panel>button svg{flex:none}.demo-health-panel>button.is-error{color:#b06a71}.demo-health-panel>p{color:#80946a;align-items:center;gap:8px;font-size:10px;line-height:1.5;display:flex}.demo-add-toolbar{background:#fdfefb;border-bottom:1px solid #e7ebe1;flex:none;align-items:center;gap:8px;padding:12px 17px;display:flex}.demo-add-toolbar>label{color:#9bab8c;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.demo-add-toolbar select{color:#788a68;text-overflow:ellipsis;background:0 0;border:0;width:100%;min-width:0;padding:5px 0;font-size:10px}.demo-flow-canvas{scrollbar-width:thin;scrollbar-color:#d3ddc9 transparent;overscroll-behavior:contain;background-color:#f4f6f0;background-image:radial-gradient(#d3dcc9 .7px,#0000 .7px);background-size:18px 18px;flex:1;min-height:380px;position:relative;overflow:auto}.demo-flow-spacer{min-width:100%;min-height:100%;position:relative}.demo-flow-plane{transform-origin:0 0;position:relative}.demo-flow-edges{pointer-events:none;position:absolute;inset:0;overflow:visible}.demo-flow-edges>path{fill:none;stroke:#bbcaae;stroke-width:2px}.demo-flow-edges>path.is-selected{stroke:#819b67;stroke-width:2.8px}.demo-flow-edges>path.is-broken{stroke:#cb949a;stroke-dasharray:6 5}.demo-flow-edges>path.is-disabled{opacity:.45;stroke-dasharray:4 5}.demo-flow-edges marker path{fill:#92a780}.demo-flow-node{z-index:2;background:#fff;border:1px solid #d9e2d0;border-radius:9px;height:180px;position:absolute;box-shadow:0 3px 10px #405b2309}.demo-flow-node:hover{border-color:#b9cba6;box-shadow:0 5px 16px #405b2310}.demo-flow-node.is-selected{border-color:#91a874;box-shadow:0 0 0 2px #9bb78038,0 5px 18px #405b2310}.demo-flow-node.is-broken{border-color:#d6a9af}.demo-flow-node.is-connecting{border-color:#77995a;box-shadow:0 0 0 3px #8cae6c35}.demo-node-main{border-radius:inherit;text-align:left;touch-action:none;color:#6d7e5c;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;overflow:hidden;cursor:grab!important}.demo-node-main:active{cursor:grabbing!important}.demo-node-heading{background:#fff;border-bottom:1px solid #e8ede2;align-items:center;gap:7px;height:37px;padding:0 12px;display:flex}.demo-node-heading>span{color:#92a87a;background:#f0f5e9;border-radius:4px;place-items:center;width:20px;height:20px;display:grid}.demo-node-heading strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;font-weight:500;line-height:1.4;overflow:hidden}.demo-node-heading>svg{color:#a8b89a;flex:none}.demo-flow-node.is-broken .demo-node-heading>svg{color:#bf7e86}.demo-node-thumbnail{background-image:linear-gradient(#f4f7ef80,#f4f7ef80);justify-content:center;align-items:center;height:110px;padding:12px 25px;display:flex;position:relative;overflow:hidden}.demo-mini-screen{background:#fdfefb;border:1px solid #dce4d3;border-radius:3px;width:100%;max-height:90px;position:relative;overflow:hidden;box-shadow:0 2px 5px #57753908}.demo-mini-instance{background:#e5eddb;border:1px solid #c9d8bb;border-radius:1px;min-width:2px;min-height:2px;position:absolute;overflow:hidden}.demo-mini-instance.color-1{background:#e8e1ee;border-color:#d6cadf}.demo-mini-instance.color-2{background:#e4e9f0;border-color:#cdd7e5}.demo-mini-instance.color-3{background:#f1e7db;border-color:#e0d0b9}.demo-mini-instance>span{color:#78846c;white-space:nowrap;padding:3px;font-size:5px;display:block;overflow:hidden}.demo-node-dimensions{color:#a8b49d;font-variant-numeric:tabular-nums;background:#fffc;border-radius:2px;padding:1px 3px;font-size:7px;line-height:1.5;position:absolute;bottom:5px;right:7px}.demo-node-thumbnail.is-missing{color:#c28f96;background:#fcf2f4;flex-direction:column;gap:8px;font-size:9px}.demo-node-footer{color:#9bab8e;background:#fff;border-top:1px solid #e8ede2;justify-content:space-between;align-items:center;gap:10px;height:31px;padding:0 12px;font-size:8px;line-height:1.3;display:flex}.demo-node-input,.demo-node-output{color:#fff;z-index:3;background:#c3d5b2;border:2px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 0 1px #becfb0}.demo-node-input{width:12px;height:12px;left:-10px}.demo-node-input:disabled{background:#e6ecdf;box-shadow:0 0 0 1px #cbd6bf;opacity:1!important;cursor:default!important}.demo-node-input:not(:disabled){background:#8ba96e;width:20px;height:20px;left:-12px}.demo-node-output{background:#9bb680;right:-10px}.demo-node-output:hover,.demo-node-output.is-active{background:#749753;box-shadow:0 0 0 4px #a7c18f40}.demo-edge-label{color:#8aa16e;z-index:4;background:#fcfdf9;border:1px solid #dbe5d1;border-radius:20px;justify-content:center;align-items:center;gap:4px;max-width:130px;padding:5px 8px;font-size:9px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 5px #3a541705}.demo-edge-label>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-edge-label svg{flex:none}.demo-edge-label.is-selected{color:#6c8b4e;background:#eef5e5;border-color:#8eaa72}.demo-edge-label.is-broken{color:#bd8088;background:#fff6f7;border-color:#dfbdc3}.demo-edge-label small{color:#aab69f;font-size:7px}.demo-canvas-footer{border-top:1px solid var(--demo-line);color:#a0ad94;background:#fff;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:39px;padding:6px 14px;font-size:8px;line-height:1.5;display:flex}.demo-canvas-footer>span,.demo-canvas-footer>div{align-items:center;gap:6px;display:flex}.demo-canvas-footer>div{gap:2px}.demo-canvas-footer>div>span{text-align:center;font-variant-numeric:tabular-nums;min-width:33px}.demo-canvas-footer>span>button{color:#718b58;background:0 0;border:0;padding:0;text-decoration:underline}.demo-canvas-footer .demo-icon-button{width:24px;height:24px}.demo-empty-flow{text-align:center;color:#a3af98;width:440px;max-width:calc(100% - 52px);padding:18px 24px;position:absolute;top:70px;left:26px}.demo-empty-flow>div{color:#9bb084;background:#ebf0e3;border:1px solid #dfe7d6;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:15px;display:inline-flex}.demo-empty-flow h3{letter-spacing:-.6px;color:#7b9065;margin:0 0 10px;font-size:20px;font-weight:500}.demo-empty-flow p{margin:0 0 22px;font-size:12px;line-height:1.9}.demo-inspector{border-left:1px solid var(--demo-line);background:var(--demo-surface);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.demo-inspector>header{border-bottom:1px solid var(--demo-line);color:#8ea27b;align-items:center;gap:8px;height:57px;min-height:57px;padding:0 18px;font-size:10px;line-height:1.4;display:flex}.demo-inspector>header strong{flex:1;font-weight:500}.demo-inspector-scroll{scrollbar-width:thin;scrollbar-color:#dce5d4 transparent;flex:1;min-height:0;overflow:auto}.demo-property-section{border-bottom:1px solid var(--demo-line);padding:19px 18px}.demo-property-section>h3{color:#82966e;align-items:center;gap:7px;margin:0 0 12px;font-size:10px;font-weight:550;line-height:1.5;display:flex}.demo-property-section>p{color:#9eaa93;margin:0 0 12px;font-size:10px;line-height:1.85}.demo-inspector-eyebrow{letter-spacing:1.15px;color:#a1b08f;margin-bottom:15px;font-size:7px;font-weight:550;display:block}.demo-field{min-width:0;margin:0 0 14px;display:block}.demo-field>span{color:#8d9d7d;margin:0 0 7px;font-size:9px;line-height:1.4;display:block}.demo-field :is(input,select,textarea){color:#768a61;background:#fdfefa;border:1px solid #e0e7d8;border-radius:5px;width:100%;min-width:0;padding:8px 9px;font-size:10px;line-height:1.5;box-shadow:0 1px 2px #273a1902}.demo-field select{padding-right:5px}.demo-field :is(input,textarea)::placeholder{color:#b1bda5}.demo-field :is(input,select,textarea):disabled{color:#aab39e;opacity:.65}.demo-field textarea{resize:vertical;font-family:var(--font-geist-mono,ui-monospace,monospace);min-height:90px;font-size:9px;line-height:1.7}.demo-field>small{color:#a5b19b;margin-top:7px;font-size:8px;line-height:1.8;display:block}.demo-field-pair{grid-template-columns:1fr 1fr;gap:9px;display:grid}.demo-checkbox{color:#8a9b78;align-items:center;gap:8px;font-size:9px;line-height:1.5;display:flex}.demo-checkbox input{accent-color:#8aa66d;flex:none}.demo-stats{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.demo-stats>div{text-align:center;background:#f5f8ef;border:1px solid #e8eddf;border-radius:6px;padding:13px 10px}.demo-stats strong{color:#849c6b;font-size:20px;font-weight:400;line-height:1;display:block}.demo-stats span{color:#a5b598;margin-top:6px;font-size:8px;display:block}.demo-inspector-actions{flex-direction:column;gap:9px;display:flex}.demo-inspector-actions .button{justify-content:center;width:100%}.demo-delete{color:#b58b8e;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;width:100%;padding:7px 0;font-size:9px;display:flex}.demo-delete:hover{color:#9e5761}.demo-step-actions{gap:8px;margin:9px 0 12px;display:flex}.demo-step-actions>button{color:#92a37e;white-space:nowrap;background:#f7faf2;border:1px solid #e0e8d7;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 6px;font-size:8px;display:flex}.demo-text-link{color:#8ba16f;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:8px;line-height:1.6;display:inline-flex}.demo-text-link:hover{color:#597940;text-decoration:underline}.demo-json-field{margin-bottom:14px}.demo-json-field>.demo-field{margin-bottom:7px}.demo-json-field>div{justify-content:space-between;align-items:flex-start;gap:9px;display:flex}.demo-json-field>div>span{color:#aab69f;max-width:135px;font-size:8px;line-height:1.6}.demo-json-field>div>button{color:#8aa06f;background:#edf3e5;border:0;border-radius:4px;flex:none;padding:5px 7px;font-size:8px}.demo-field-error{color:#b06a74;margin:8px 0;font-size:9px;line-height:1.6}.demo-outgoing{color:#93a47f;text-align:left;background:#fbfdf8;border:1px solid #e3e9db;border-radius:6px;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:9px 8px;display:flex}.demo-outgoing>span{flex:1;font-size:9px;line-height:1.5}.demo-outgoing small{color:#b0bca5;margin-top:3px;font-size:8px;display:block}.demo-welcome{text-align:center;background:radial-gradient(ellipse at 50% 35%,#f0f5e9 0,transparent 65%),var(--demo-bg);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:560px;padding:50px 30px;display:flex}.demo-welcome-illustration{align-items:center;gap:18px;margin-bottom:34px;display:flex}.demo-welcome-illustration>div{color:#a7b992;background:#ffffffce;border:1px solid #dfe8d5;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:110px;height:98px;font-size:9px;display:flex;box-shadow:0 5px 18px #6f8d4c07}.demo-welcome-illustration>div:last-child{color:#b29ac6;background:#f0eaf7b0;border-color:#e3daec;transform:translateY(13px)}.demo-welcome-illustration>span{color:#bccdac;flex-direction:column;align-items:center;gap:3px;display:flex}.demo-eyebrow{letter-spacing:1.9px;color:#a9b89a;font-size:8px;font-weight:500}.demo-welcome h2{letter-spacing:-1.1px;color:#687e55;margin:13px 0;font-size:31px;font-weight:450;line-height:1.25}.demo-welcome>p{color:#9aa98c;max-width:410px;margin:0 0 24px;font-size:12px;line-height:1.9}.demo-welcome-features{color:#a8b69b;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:33px;font-size:9px;display:flex}.demo-welcome-features>span{align-items:center;gap:6px;display:flex}.demo-workspace-footer{border-top:1px solid var(--demo-line);color:#a2b08f;background:#fff;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:32px;padding:6px 18px;font-size:8px;display:flex}.demo-workspace-footer>span{align-items:center;gap:7px;display:flex}.demo-workspace-footer .demo-icon-button{width:18px;height:18px}.demo-save-dot,.demo-live-dot{background:#9cb780;border-radius:50%;flex:none;width:4px;height:4px;display:inline-block}.demo-player{background:#f4f6f0;flex-direction:column;flex:1;min-width:0;min-height:400px;display:flex;overflow:hidden}.demo-player-toolbar{background:#fff;border-bottom:1px solid #e5e9dd;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:9px 17px;display:flex}.demo-player-toolbar>div{align-items:center;gap:8px;min-width:0;display:flex}.demo-player-toolbar strong{color:#83966f;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;line-height:1.5;overflow:hidden}.demo-player-counter{color:#b0bda3;white-space:nowrap;border-left:1px solid #e6ebdf;padding-left:8px;font-size:8px}.demo-player-stage{background-image:radial-gradient(#dce4d2 .7px,#0000 .7px);background-size:18px 18px;flex:1;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}.demo-player-surface{background:#fff;border:1px solid #e0e5d8;border-radius:6px;flex:none;position:relative;overflow:hidden;box-shadow:0 6px 30px #3d542317}.demo-player-surface iframe{transform-origin:0 0;background:#fff;border:0;position:absolute;top:0;left:0;max-width:none!important;max-height:none!important}.demo-preview-status{color:#99ad83;text-align:center;background:#f4f6f0ee;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:30px;display:flex;position:absolute;inset:0}.demo-preview-status strong{font-size:13px;font-weight:500;line-height:1.5}.demo-preview-status span,.demo-preview-status p{color:#a6b49b;max-width:390px;margin:0;font-size:10px;line-height:1.8}.demo-preview-status.is-error{color:#ba858b;background:#fcf6f5f5}.demo-preview-status.is-error p{color:#b39498;max-height:150px;overflow:auto}.demo-player-footer{color:#9dae8e;background:#fff;border-top:1px solid #e4e9dc;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 17px;font-size:8px;line-height:1.5;display:flex}.demo-player-footer>span{align-items:center;gap:6px;display:flex}.demo-inline-warning{color:#b1a078;background:#fff7e9;flex:none;align-items:flex-start;gap:8px;padding:10px 17px;font-size:9px;line-height:1.7;display:flex}.demo-inline-warning svg{flex:none;margin-top:1px}.demo-player.is-compact{height:100%;min-height:220px}.demo-player.is-compact .demo-player-stage{min-height:150px}.demo-player.is-compact .demo-player-toolbar{min-height:33px;padding:6px 9px}.demo-player.is-compact .demo-player-footer{padding:6px 9px}.demo-player.is-compact .demo-player-footer>span:last-child{display:none}@container demo (width<=1100px){.demo-workspace-body{grid-template-columns:150px minmax(220px,1fr) 247px}.demo-library-title{padding-left:12px;padding-right:12px}.demo-library-item{gap:4px;padding-left:5px}.demo-library-icon{width:23px}.demo-library-item strong{font-size:9px}.demo-main-title{display:none}.demo-health-button{margin-left:auto}.demo-header-actions{gap:5px}.demo-heading h1{font-size:21px}.demo-property-section{padding:16px 14px}.demo-inspector>header{padding:0 14px}.demo-add-toolbar{padding:10px 12px}}@container demo (width<=850px){.demo-workspace-body{grid-template-columns:minmax(250px,1fr) 242px}.demo-library,.demo-heading p{display:none}.demo-workspace-header{padding:17px}.demo-header-import{display:none!important}.demo-history{padding-right:6px}.demo-export-options{flex-wrap:wrap}.demo-export-options>div{flex-basis:100%}.demo-main-toolbar{padding:10px 12px}.demo-main-title,.demo-add-toolbar>label>svg{display:none}.demo-inspector{min-height:0}.demo-workspace-footer{padding:6px 12px;font-size:7px}.demo-welcome h2{font-size:28px}}@container demo (width<=570px){.demo-workspace{height:auto;min-height:900px}.demo-workspace-body{flex-direction:column;display:flex;overflow:auto}.demo-main{flex:none;min-height:540px}.demo-inspector{border-left:0;border-top:1px solid var(--demo-line);min-height:300px;max-height:480px}.demo-flow-canvas{min-height:380px;max-height:450px}.demo-heading-mark{border-radius:8px;width:32px;height:32px}.demo-heading{gap:8px}.demo-heading h1{font-size:18px}.demo-workspace-header{gap:8px;padding:13px 12px}.demo-header-actions .button{min-height:29px;padding:7px 8px;font-size:9px}.demo-header-actions .button span,.demo-history{display:none}.demo-add-toolbar .button{font-size:9px}.demo-workspace-footer>span:first-child{max-width:90%;line-height:1.7}.demo-player{flex:none;min-height:450px}.demo-player-stage{min-height:350px}.demo-inspector-scroll{max-height:420px}.demo-empty-flow{width:360px;max-width:calc(100% - 24px);padding:18px 12px;top:55px;left:12px}.demo-empty-flow p{font-size:11px}.demo-welcome{min-height:650px;padding:35px 22px}.demo-welcome h2{font-size:25px}.demo-welcome-illustration{gap:11px}.demo-welcome-illustration>div{width:90px;height:87px}.demo-welcome-features{gap:14px}.demo-health-panel>div:first-child span{display:none}}html.dark .demo-workspace{--demo-bg:#20271e;--demo-surface:#252d23;--demo-muted:#2c3428;--demo-line:#3a4434;--demo-ink:#c9d5be;--demo-secondary:#8d9d81;--demo-accent:#a5bd8b;--demo-accent-soft:#35432b}.dark .demo-workspace :is(.demo-main-toolbar,.demo-library,.demo-inspector,.demo-workspace-header,.demo-workspace-footer,.demo-canvas-footer,.demo-player-toolbar,.demo-player-footer){background:var(--demo-surface);color:#a9bd96;border-color:var(--demo-line)}.dark .demo-workspace :is(.demo-field input,.demo-field select,.demo-field textarea,.demo-outgoing){color:#becfae;background:#293224;border-color:#424e36}.dark .demo-workspace :is(.demo-mode-switch,.demo-stats>div,.demo-add-toolbar,.demo-health-panel,.demo-step-actions>button){background:#2b3526;border-color:#3e4a35}.dark .demo-workspace :is(.demo-mode-switch .is-active,.demo-library-item.is-selected,.demo-json-field>div>button){color:#bdcfaa;background:#3b4c2e;border-color:#4e623e}.dark .demo-workspace :is(.demo-flow-canvas,.demo-player-stage){background-color:#20291c;background-image:radial-gradient(#46543a .7px,#0000 .7px)}.dark .demo-workspace .demo-welcome{background:radial-gradient(ellipse at 50% 35%,#35442a 0,transparent 65%),var(--demo-bg)}.dark .demo-workspace .demo-health-button{color:#a5bd8a;background:#2d3b24;border-color:#465a36}.dark .demo-workspace .demo-heading-mark{color:#a6bf8a;background:linear-gradient(140deg,#3a4a2e,#2e3c25);border-color:#495d3a}.dark .demo-workspace .demo-flow-node{background:#34462a;border-color:#5b714b}.dark .demo-workspace :is(.demo-node-heading,.demo-node-footer){color:#b4ca9c;background:#2e3a26;border-color:#4b5e3c}.dark .demo-workspace .demo-edge-label{color:#b3ca9b;background:#31432a;border-color:#5b7648}.dark .demo-workspace .demo-preview-status{color:#acc393;background:#25301ff0}.dark .demo-workspace .button-secondary{color:#b0c798;background:#2d3925;border-color:#4e623c}@media (prefers-reduced-motion:reduce){.demo-workspace *{scroll-behavior:auto!important;transition:none!important}}.demo-compact-selector{color:#7d9168;text-overflow:ellipsis;background:0 0;border:0;flex:1;min-width:40px;max-width:200px;padding:5px 1px;font-size:10px;display:none}@container demo (width<=850px){.demo-compact-selector{display:block}.demo-main-toolbar{gap:8px}.demo-mode-switch button{min-width:45px;padding:6px 7px}}@container demo (width<=570px){.demo-compact-selector{font-size:9px}.demo-health-button>span{text-overflow:ellipsis;max-width:68px;overflow:hidden}.demo-mode-switch button{min-width:42px;padding:6px;font-size:8px}}.diagram-workspace{--diagram-bg:#fafbf8;--diagram-surface:#fff;--diagram-muted:#f3f5ef;--diagram-line:#e2e7dc;--diagram-ink:#3f4e36;--diagram-secondary:#89967d;--diagram-accent:#718b59;--diagram-soft:#edf3e6;--diagram-danger:#b16c76;width:100%;min-width:0;height:calc(100svh - var(--studio-header-height,60px) - var(--studio-shell-gap,12px)*2 - 2px);background:var(--diagram-bg);min-height:690px;color:var(--diagram-ink);border-radius:0 0 15px 15px;flex-direction:column;grid-column:1/-1;display:flex;overflow:hidden;container:diagrams/inline-size}.diagram-workspace :is(button,input,select,textarea,[tabindex]):focus-visible{outline-offset:3px;outline:2px solid #98af82}.diagram-workspace button{cursor:pointer}.diagram-workspace button:disabled{opacity:.4;cursor:not-allowed}.diagram-workspace .button{white-space:nowrap;gap:7px;min-height:33px;padding:8px 11px;font-size:10px;line-height:1.4}.diagram-workspace .button-primary{color:#fff;background:#788e65;border-color:#788e65}.diagram-workspace .button-primary:hover{background:#647c51;border-color:#647c51}.diagram-workspace .button-secondary{background:var(--diagram-surface);color:#80936c;border-color:#dbe3d2}.diagram-workspace .button-secondary:hover{background:var(--diagram-soft);border-color:#c4d2b8}.diagram-icon-button{color:#96a786;background:0 0;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.diagram-icon-button:hover,.diagram-icon-button.is-active{background:var(--diagram-soft);color:#748d5c}.diagram-workspace-header{background:var(--diagram-surface);border-bottom:1px solid var(--diagram-line);flex:none;justify-content:space-between;align-items:center;gap:18px;padding:20px 23px;display:flex}.diagram-heading{align-items:center;gap:12px;min-width:0;display:flex}.diagram-heading-icon{color:#91a776;background:linear-gradient(145deg,#f3f7ed,#e7eedc);border:1px solid #e0e8d6;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.diagram-heading h1{letter-spacing:-.7px;color:#657c51;margin:0;font-size:22px;font-weight:550;line-height:1.25}.diagram-heading p{color:#9aa88e;margin:4px 0 0;font-size:10px;line-height:1.6}.diagram-feature-label{letter-spacing:1.25px;color:#a5b697;background:#fafcf7;border:1px solid #e6ecdf;border-radius:4px;margin-left:8px;padding:4px 6px;font-size:7px}.diagram-header-actions,.diagram-history{align-items:center;gap:7px;display:flex}.diagram-history{border-right:1px solid var(--diagram-line);gap:1px;margin-right:1px;padding-right:10px}.diagram-message{flex:none;align-items:center;gap:9px;padding:8px 18px;font-size:10px;line-height:1.6;display:flex}.diagram-message>span{flex:1}.diagram-message.is-error{color:#ab6975;background:#fff3f4;border-bottom:1px solid #eedee1}.diagram-workspace-body{flex:1;grid-template-columns:174px minmax(220px,1fr) 264px;min-width:0;min-height:0;display:grid;overflow:hidden}.diagram-library{background:var(--diagram-surface);border-right:1px solid var(--diagram-line);flex-direction:column;min-width:0;min-height:0;display:flex}.diagram-sidebar-label{letter-spacing:1.1px;color:#9aaa8a;justify-content:space-between;align-items:center;padding:19px 15px 12px;font-size:8px;font-weight:550;line-height:1.4;display:flex}.diagram-sidebar-label>span:last-child{letter-spacing:0;background:var(--diagram-muted);color:#a7b59b;border-radius:4px;padding:2px 5px;font-size:8px}.diagram-search{color:#a8b59a;background:#f7f9f3;border:1px solid #e7ebdf;border-radius:6px;flex:none;align-items:center;gap:7px;min-height:31px;margin:0 10px 12px;padding:0 8px;display:flex}.diagram-search input{width:100%;min-width:0;color:var(--diagram-ink);background:0 0;border:0;padding:7px 0;font-size:9px}.diagram-search input::placeholder{color:#a8b59a}.diagram-library-list{scrollbar-width:thin;scrollbar-color:#dfe7d6 transparent;flex:1;min-height:90px;padding:0 7px;overflow:auto}.diagram-library-item{text-align:left;color:#98a98a;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;width:100%;margin:0 0 5px;padding:11px 8px;display:flex}.diagram-library-item>span:last-child{flex:1;min-width:0}.diagram-library-item strong{color:#829671;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;line-height:1.5;display:block;overflow:hidden}.diagram-library-item small{color:#acb99f;white-space:nowrap;margin-top:4px;font-size:7px;line-height:1.6;display:block}.diagram-library-symbol{color:#a4b794;flex:none;place-items:center;width:24px;height:29px;display:grid}.diagram-library-item:hover{background:#f7faf3}.diagram-library-item.is-selected{background:#eef4e7;border-color:#e4ecda}.diagram-library-item.is-selected .diagram-library-symbol{color:#8da673}.diagram-empty-search{color:#a0ae94;padding:12px;font-size:10px;line-height:1.6}.diagram-group-list{border-top:1px solid var(--diagram-line);flex:none;max-height:225px;padding:0 8px 12px;overflow:auto}.diagram-group-list .diagram-sidebar-label{padding:9px 6px 6px}.diagram-group-list>button{color:#a4b395;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:7px;width:100%;padding:8px 10px;font-size:9px;display:flex}.diagram-group-list>button>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.diagram-group-list>button small{color:#b0bca6;font-size:7px}.diagram-group-list>button:hover,.diagram-group-list>button.is-selected{background:var(--diagram-soft);color:#829a69}.diagram-group-list>p{color:#acb7a2;margin:2px 0 0;padding:0 7px;font-size:8px;line-height:1.8}.diagram-library-footer{border-top:1px solid var(--diagram-line);color:#a7b29c;flex:none;align-items:flex-start;gap:7px;padding:13px 13px 16px;font-size:7px;line-height:1.8;display:flex}.diagram-library-footer svg{flex:none;margin-top:2px}.diagram-main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.diagram-canvas-toolbar{background:var(--diagram-surface);border-bottom:1px solid var(--diagram-line);flex:none;align-items:center;gap:10px;min-height:54px;padding:10px 14px;display:flex}.diagram-tool-switch{background:#f4f7ef;border:1px solid #e9eddf;border-radius:6px;flex:none;align-items:center;gap:2px;padding:3px;display:flex}.diagram-tool-switch>button{color:#a4b497;background:0 0;border:0;border-radius:4px;place-items:center;width:28px;height:26px;padding:0;display:grid}.diagram-tool-switch>button:hover{color:#7c9664}.diagram-tool-switch>button.is-active{color:#829b6d;background:#fff;box-shadow:0 1px 4px #3445200b}.diagram-canvas-name{color:#91a37f;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:10px;font-weight:500;overflow:hidden}.diagram-arrange{color:#91a67c;white-space:nowrap;background:#f9fbf5;border:1px solid #e4ebdc;border-radius:5px;align-items:center;gap:6px;padding:6px 8px;font-size:9px;display:flex}.diagram-arrange:hover{background:#f0f6e9}.diagram-inspector-toggle{display:none}.diagram-compact-selector{color:#8fa17e;background:0 0;border:0;flex:1;width:50px;min-width:0;max-width:180px;padding:4px 0;font-size:10px;display:none}.diagram-palette{border-bottom:1px solid var(--diagram-line);scrollbar-width:thin;scrollbar-color:#e1e8d7 transparent;background:#fcfdf9;flex:none;justify-content:center;align-items:center;gap:3px;min-height:67px;padding:7px 10px;display:flex;overflow-x:auto}.diagram-palette>button{color:#97ac83;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-width:43px;max-width:70px;padding:7px 4px 5px;display:flex}.diagram-palette>button>span{white-space:nowrap;color:#a2b290;font-size:7px;line-height:1.3}.diagram-palette>button:hover{color:#7d9864;background:#eef4e6;border-color:#e0e9d4}.diagram-palette-divider{background:#e7eddf;flex:none;width:1px;height:28px;margin:0 2px}.diagram-stage{touch-action:none;overscroll-behavior:contain;background:#f7f9f4;flex:1;min-height:340px;position:relative;overflow:hidden}.diagram-stage.is-dark{background:#172018}.diagram-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;outline-offset:-3px!important}.diagram-node-hit,.diagram-group-hit{cursor:grab}.diagram-node-hit:active,.diagram-group-hit:active{cursor:grabbing}.diagram-stage.is-panning .diagram-canvas,.diagram-stage.is-panning .diagram-node-hit,.diagram-stage.is-panning .diagram-group-hit{cursor:grab}.diagram-stage.is-panning .diagram-canvas:active{cursor:grabbing}.diagram-stage.is-connecting .diagram-node-hit{cursor:crosshair}.diagram-node-ports{opacity:0;transition:opacity .12s}.diagram-canvas-node:hover .diagram-node-ports,.diagram-node-ports.is-visible,.diagram-node-ports:focus-within{opacity:1}.diagram-port{cursor:crosshair}.diagram-port:hover{stroke-width:3px}.diagram-edge-hit:focus-visible path{stroke-opacity:.5;stroke:#8da573!important}.diagram-canvas-legend{color:#9aaa8a;pointer-events:none;background:#ffffffeb;border:1px solid #e1e7d8;border-radius:6px;flex-wrap:wrap;align-items:center;gap:13px;max-width:calc(100% - 185px);padding:9px 11px;font-size:7px;line-height:1.4;display:flex;position:absolute;bottom:15px;left:15px}.diagram-canvas-legend>span{align-items:center;gap:5px;display:flex}.diagram-canvas-legend i{background:#a3b194;border-radius:1px;width:17px;height:2px;display:inline-block}.diagram-canvas-legend i.is-dashed{background:repeating-linear-gradient(90deg,#a5b395,#a5b395 4px,#0000 4px 7px)}.diagram-zoom{background:#fffffff2;border:1px solid #dfe7d7;border-radius:7px;align-items:center;gap:1px;padding:4px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 3px 9px #455d2c05}.diagram-zoom>button{color:#92a77e;background:0 0;border:0;border-radius:4px;place-items:center;width:26px;height:27px;padding:0;font-size:8px;display:grid}.diagram-zoom>button:hover{background:#eef4e7}.diagram-zoom>.diagram-zoom-value{font-variant-numeric:tabular-nums;color:#a0b18f;width:37px}.diagram-zoom>span{background:#e7ecdf;width:1px;height:15px;margin:0 3px}.diagram-connect-notice{color:#819969;z-index:4;background:#f3f8ed;border:1px solid #cadbb8;border-radius:7px;align-items:center;gap:8px;max-width:calc(100% - 30px);padding:10px 11px;font-size:9px;line-height:1.5;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 3px 15px #5577330b}.diagram-connect-notice>span{min-width:0}.diagram-connect-notice>svg{flex:none}.diagram-connect-notice>button{color:#9aaf85;background:0 0;border:0;border-radius:3px;flex:none;place-items:center;width:18px;height:18px;padding:0;display:grid}.diagram-empty-canvas{text-align:center;color:#9cad8d;width:340px;max-width:calc(100% - 40px);position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.diagram-empty-canvas>span{color:#b0c19d;justify-content:center;align-items:center;gap:17px;margin-bottom:23px;display:flex}.diagram-empty-canvas h3{letter-spacing:-.7px;color:#83996f;margin:0 0 13px;font-size:22px;font-weight:450}.diagram-empty-canvas p{color:#a6b298;margin:0 0 19px;font-size:11px;line-height:1.9}.diagram-empty-canvas .button{margin:0 auto}.diagram-canvas-footer{border-top:1px solid var(--diagram-line);background:var(--diagram-surface);color:#a6b398;flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:36px;padding:8px 13px;font-size:7px;line-height:1.5;display:flex}.diagram-canvas-footer>span,.diagram-canvas-footer label{align-items:center;gap:6px;display:flex}.diagram-canvas-footer input{accent-color:#8ca871;width:10px;height:10px;margin:0}.diagram-footer-divider{background:#e7ecdf;width:1px;height:11px;margin:0 3px}.diagram-routing-warning{color:#b69a6e;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:7px;display:flex}.diagram-inspector{background:var(--diagram-surface);border-left:1px solid var(--diagram-line);flex-direction:column;min-width:0;min-height:0;display:flex}.diagram-inspector>header{border-bottom:1px solid var(--diagram-line);color:#95a781;flex:none;align-items:center;gap:8px;min-height:54px;padding:0 17px;font-size:10px;line-height:1.5;display:flex}.diagram-inspector>header>span{place-items:center;display:grid}.diagram-inspector>header strong{flex:1;font-weight:500}.diagram-inspector-scroll{scrollbar-width:thin;scrollbar-color:#dfe6d7 transparent;flex:1;min-height:0;overflow:auto}.diagram-property-section{border-bottom:1px solid var(--diagram-line);padding:19px 17px}.diagram-eyebrow{letter-spacing:1.3px;color:#acba9c;margin-bottom:16px;font-size:7px;font-weight:550;line-height:1.5;display:block}.diagram-property-section>h3{color:#8fa37a;justify-content:space-between;align-items:center;margin:0 0 14px;font-size:10px;font-weight:500;line-height:1.5;display:flex}.diagram-property-section>h3>span{color:#b3bfa8;font-size:8px}.diagram-field{min-width:0;margin:0 0 14px;display:block}.diagram-field>span{color:#98a888;margin:0 0 7px;font-size:9px;line-height:1.4;display:block}.diagram-field :is(input:not([type=color]),select,textarea){color:#879c71;background:#fdfefa;border:1px solid #e2e9d9;border-radius:5px;width:100%;min-width:0;padding:8px 9px;font-size:10px;line-height:1.5;box-shadow:0 1px 2px #35492602}.diagram-field input::placeholder,.diagram-field textarea::placeholder{color:#b6c1aa}.diagram-field select{text-overflow:ellipsis;padding-right:4px}.diagram-field textarea{resize:vertical;min-height:66px;font-family:inherit;font-size:9px;line-height:1.8}.diagram-field :is(input,select,textarea):disabled{opacity:.6;cursor:not-allowed}.diagram-field>small,.diagram-field-note{color:#aab69e;margin:7px 0 0;font-size:8px;line-height:1.8;display:block}.diagram-field-pair{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.diagram-color-field{color:#a3b393;background:#fdfefa;border:1px solid #e2e9d9;border-radius:5px;align-items:center;gap:8px;min-height:34px;padding:5px 7px;font-size:9px;line-height:1.4;display:flex}.diagram-color-field>input{cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;width:23px;height:23px;padding:0}.diagram-color-field>input::-webkit-color-swatch-wrapper{padding:2px}.diagram-color-field>input::-webkit-color-swatch{border:1px solid #0000000d;border-radius:3px}.diagram-color-field>span{flex:1}.diagram-color-field .diagram-icon-button{width:20px;height:20px}.diagram-inline-actions{align-items:center;gap:7px;margin:3px 0 12px;display:flex}.diagram-inline-actions>button{color:#9bae88;white-space:nowrap;background:#f8faf3;border:1px solid #e3eada;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 6px;font-size:8px;line-height:1.5;display:flex}.diagram-inline-actions>button:hover{background:#edf4e5}.diagram-delete{color:#bd9297;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:7px;padding:7px 0;font-size:9px;line-height:1.5;display:flex}.diagram-delete:hover{color:#a56570}.diagram-text-button{color:#97ac81;background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;font-size:8px;line-height:1.5;display:inline-flex}.diagram-text-button:hover{color:#75945b}.diagram-theme-switch{background:#f7f9f2;border:1px solid #e5ebdc;border-radius:6px;align-items:center;gap:4px;margin-bottom:16px;padding:4px;display:flex}.diagram-theme-switch>button{color:#a7b798;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:7px;padding:7px;font-size:9px;line-height:1.4;display:flex}.diagram-theme-switch>button.is-active{color:#8aa172;background:#fff;border-color:#e4ebda;box-shadow:0 1px 3px #384e2008}.diagram-checkbox{color:#a0b08f;align-items:center;gap:7px;margin:11px 0;font-size:9px;line-height:1.5;display:flex}.diagram-checkbox input{accent-color:#8da875;width:12px;height:12px;margin:0}.diagram-asset-actions{flex-direction:column;gap:9px;display:flex}.diagram-asset-actions>.button,.diagram-full-button{justify-content:center;width:100%}.diagram-member-list{flex-direction:column;gap:4px;max-height:340px;margin-bottom:13px;display:flex;overflow:auto}.diagram-member-list>label{color:#a0b08d;align-items:center;gap:7px;padding:7px 0;font-size:9px;line-height:1.5;display:flex}.diagram-member-list>label>input{accent-color:#91aa77;width:12px;height:12px;margin:0}.diagram-member-list>label>svg{flex:none}.diagram-member-list>label>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.diagram-member-list>p{color:#a8b69a;font-size:9px;line-height:1.8}.diagram-inspector-warning{color:#b2a17b;background:#fcf8ed;border:1px solid #eee6d1;border-radius:5px;align-items:flex-start;gap:7px;margin:0 0 12px;padding:10px;font-size:8px;line-height:1.8;display:flex}.diagram-inspector-warning svg{flex:none;margin-top:2px}.diagram-workspace-footer{background:var(--diagram-surface);border-top:1px solid var(--diagram-line);color:#acb8a0;flex:none;justify-content:space-between;align-items:center;gap:15px;min-height:32px;padding:7px 18px;font-size:8px;line-height:1.5;display:flex}.diagram-workspace-footer>span{align-items:center;gap:6px;display:flex}.diagram-status-dot{background:#a8be91;border-radius:50%;flex:none;width:4px;height:4px}.diagram-welcome{text-align:center;background:radial-gradient(at 50% 35%,#eef4e6a0 0,#0000 65%);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:530px;padding:45px 35px;display:flex;overflow:auto}.diagram-welcome-mark{color:#9db586;background:linear-gradient(145deg,#f5f9ee,#e9f1dd);border:1px solid #e0e9d4;border-radius:17px;place-items:center;width:62px;height:62px;margin-bottom:24px;display:grid;box-shadow:0 8px 22px #738e4e06}.diagram-welcome>.diagram-eyebrow{letter-spacing:1.6px;margin:0 0 12px;font-size:8px}.diagram-welcome h2{letter-spacing:-1.1px;color:#7e956a;margin:0 0 13px;font-size:32px;font-weight:450;line-height:1.25}.diagram-welcome>p{color:#a1b091;max-width:440px;margin:0 0 30px;font-size:11px;line-height:1.9}.diagram-template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:890px;display:grid}.diagram-template-card{text-align:left;color:#9bb188;background:#ffffffc9;border:1px solid #e2e9d8;border-radius:10px;flex-direction:column;align-items:flex-start;min-width:0;padding:12px;transition:background .15s,border-color .15s,transform .15s;display:flex;box-shadow:0 3px 12px #4a642b03}.diagram-template-card:hover{background:#fff;border-color:#bccfab;transform:translateY(-3px);box-shadow:0 5px 15px #4a642b07}.diagram-template-card>small{letter-spacing:.5px;color:#a8b89a;margin:12px 0 6px;font-size:7px;line-height:1.5}.diagram-template-card>strong{color:#80996b;margin:9px 0 5px;font-size:11px;font-weight:500;line-height:1.5}.diagram-template-card>small+strong{margin-top:0}.diagram-template-card>span{color:#a7b59b;min-height:30px;font-size:9px;line-height:1.7;display:block}.diagram-template-art{color:#a5bc90;background:#f7faf3;border:1px solid #eaf0e1;border-radius:6px;flex:none;width:100%;height:auto}.diagram-template-art.is-flowchart{color:#a9b693}.diagram-template-art.is-architecture{color:#a8b8c2}.diagram-template-art.is-deployment{color:#b4a5c5}.diagram-template-card>.diagram-template-start{color:#97ae81;border-top:1px solid #eaf0e1;justify-content:space-between;align-items:center;width:100%;min-height:0;margin-top:13px;padding-top:11px;font-size:8px;display:flex}.diagram-welcome-features{color:#a7b69a;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;margin-top:27px;font-size:8px;line-height:1.5;display:flex}.diagram-welcome-features>span{align-items:center;gap:7px;display:flex}.diagram-welcome .diagram-readonly-note{color:#a8b39b;margin-top:25px;font-size:10px}.diagram-template-drawer,.diagram-export-drawer{background:#f7faf2;border-bottom:1px solid #e0e8d5;flex:none;max-height:350px;padding:15px 20px 19px;overflow:auto}.diagram-drawer-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.diagram-drawer-heading strong{color:#869d71;font-size:12px;font-weight:500;line-height:1.5;display:block}.diagram-drawer-heading>div>span{color:#a3b392;margin-top:3px;font-size:9px;line-height:1.7;display:block}.diagram-template-drawer .diagram-template-grid{max-width:none}.diagram-template-drawer .diagram-template-card{padding:8px}.diagram-template-drawer .diagram-template-art{max-height:80px}.diagram-template-drawer .diagram-template-card>strong{margin:7px 0 2px;font-size:10px}.diagram-template-drawer .diagram-template-card>span{min-height:0;font-size:8px}.diagram-export-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.diagram-export-grid>button{color:#99ad83;text-align:left;background:#fff;border:1px solid #e0e9d4;border-radius:7px;align-items:center;gap:9px;min-width:0;padding:12px 10px;display:flex}.diagram-export-grid>button>span{flex:1;min-width:0}.diagram-export-grid>button>svg{flex:none}.diagram-export-grid strong{color:#849d6e;font-size:10px;font-weight:500;line-height:1.4;display:block}.diagram-export-grid small{color:#aab99b;margin-top:4px;font-size:7px;line-height:1.5;display:block}.diagram-export-grid>button:hover{background:#f5f9ef;border-color:#bdcfa8}.diagram-export-settings{color:#a0b38f;flex-wrap:wrap;align-items:center;gap:20px;margin-top:13px;font-size:8px;line-height:1.5;display:flex}.diagram-export-settings>label,.diagram-export-settings>span{align-items:center;gap:7px;display:flex}.diagram-export-settings input{accent-color:#91aa76;width:11px;height:11px;margin:0}.diagram-export-settings select{color:#94aa7d;background:#fff;border:1px solid #e0e8d4;border-radius:4px;padding:3px 5px;font-size:8px}.diagram-spinner{animation:1s linear infinite diagram-spin}@keyframes diagram-spin{to{transform:rotate(360deg)}}.diagram-stage.is-dark .diagram-canvas-legend{color:#9caf89;background:#233120ed;border-color:#3e5035}.diagram-stage.is-dark .diagram-zoom{background:#233120f2;border-color:#3e5035}.diagram-stage.is-dark .diagram-zoom button{color:#9cb48a}.diagram-stage.is-dark .diagram-zoom button:hover{background:#34462b}.diagram-stage.is-dark .diagram-zoom>span{background:#43553a}.diagram-stage.is-dark .diagram-connect-notice{color:#b0c797;background:#2d3d26;border-color:#5a7448}.diagram-stage.is-dark .diagram-empty-canvas h3{color:#a0b78c}.diagram-stage.is-dark .diagram-empty-canvas p{color:#819674}@container diagrams (width<=1120px){.diagram-workspace-body{grid-template-columns:150px minmax(220px,1fr) 242px}.diagram-property-section{padding:17px 14px}.diagram-inspector>header{padding:0 14px}.diagram-palette{gap:0;padding:6px}.diagram-palette>button{min-width:37px;padding:7px 3px}.diagram-palette>button>span{font-size:6px}.diagram-canvas-toolbar{gap:7px;padding:9px 11px}.diagram-feature-label{display:none}.diagram-library-item{gap:5px;padding:10px 5px}.diagram-library-item strong{font-size:9px}.diagram-library-item small{font-size:6px}.diagram-library-symbol{width:20px}.diagram-sidebar-label{padding-left:12px;padding-right:12px}.diagram-export-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.diagram-template-grid{gap:9px}.diagram-template-card{padding:10px}.diagram-canvas-legend{gap:8px;max-width:calc(100% - 175px);font-size:6px;left:12px}.diagram-arrange{padding:6px}.diagram-arrange span{font-size:8px}}@container diagrams (width<=900px){.diagram-workspace-body{grid-template-columns:minmax(240px,1fr) 235px}.diagram-library{display:none}.diagram-compact-selector{display:block}.diagram-canvas-name,.diagram-heading p{display:none}.diagram-workspace-header{padding:16px 17px}.diagram-heading h1{font-size:21px}.diagram-header-actions{gap:5px}.diagram-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}.diagram-welcome{justify-content:flex-start;padding:35px 25px}.diagram-welcome-mark{margin-bottom:20px}.diagram-welcome h2{font-size:29px}.diagram-template-card>.diagram-template-start{margin-top:7px}.diagram-template-art{max-height:92px}.diagram-template-card>span{min-height:0}.diagram-template-drawer{max-height:360px}.diagram-template-drawer .diagram-template-grid{max-width:none}.diagram-canvas-legend{max-width:calc(100% - 28px);bottom:56px}.diagram-pan-hint,.diagram-arrange span{display:none}.diagram-arrange{background:0 0;border-color:#0000}.diagram-palette{justify-content:flex-start}.diagram-palette>button{flex:none;min-width:42px}.diagram-palette-divider{margin:0 4px}.diagram-canvas-toolbar{gap:5px}}.diagram-workspace.is-compact{height:auto;min-height:750px}@container diagrams (width<=650px){.diagram-workspace-body{flex-direction:column;min-height:0;display:flex;overflow:visible}.diagram-main{flex:none;min-height:500px}.diagram-stage{flex:none;height:390px}.diagram-inspector{border-left:0;border-top:1px solid var(--diagram-line);max-height:460px;display:none}.diagram-workspace.inspector-open .diagram-inspector{min-height:300px;display:flex}.diagram-inspector-scroll{max-height:390px}.diagram-inspector-toggle{display:inline-flex}.diagram-inspector>header{min-height:42px}.diagram-property-section{padding:18px}.diagram-workspace-header{gap:8px;padding:13px 12px}.diagram-heading{gap:8px}.diagram-heading-icon{border-radius:8px;width:33px;height:33px}.diagram-heading-icon>svg{width:18px;height:18px}.diagram-heading h1{font-size:19px}.diagram-history{display:none}.diagram-import-button{display:none!important}.diagram-header-actions .button{min-height:29px;padding:7px 8px;font-size:9px}.diagram-header-actions .button>svg{width:12px;height:12px}.diagram-workspace-footer{padding:7px 12px;font-size:7px}.diagram-workspace-footer>span:last-child{display:none}.diagram-template-grid{gap:8px}.diagram-template-card{padding:9px}.diagram-template-card>strong{font-size:10px}.diagram-template-card>span{font-size:8px}.diagram-template-card>small{font-size:6px}.diagram-welcome{min-height:670px;padding:30px 16px}.diagram-welcome>p{margin-bottom:24px;font-size:10px}.diagram-welcome h2{font-size:25px}.diagram-welcome>.diagram-eyebrow{font-size:7px}.diagram-welcome-features{gap:13px;font-size:7px}.diagram-welcome-features>span{gap:5px}.diagram-welcome-mark{width:52px;height:52px;margin-bottom:20px}.diagram-template-drawer,.diagram-export-drawer{max-height:370px;padding:12px}.diagram-export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-export-grid>button{padding:10px 8px}.diagram-drawer-heading strong{font-size:11px}.diagram-drawer-heading>div>span{font-size:8px}.diagram-export-settings{gap:12px}.diagram-canvas-legend{font-size:7px}.diagram-palette{gap:1px;padding:7px 8px}.diagram-palette>button{min-width:45px}.diagram-palette>button>span{font-size:6px}.diagram-canvas-toolbar{min-height:51px;padding:9px 10px}.diagram-tool-switch>button{width:26px;height:25px}}html.dark .diagram-workspace{--diagram-bg:#20271e;--diagram-surface:#252d22;--diagram-muted:#2c3627;--diagram-line:#3b4533;--diagram-ink:#cad6bf;--diagram-secondary:#96a587;--diagram-accent:#a6be8b;--diagram-soft:#35452a;--diagram-danger:#cc929b}.dark .diagram-workspace .diagram-heading h1{color:#b8cda4}.dark .diagram-workspace .diagram-heading-icon,.dark .diagram-workspace .diagram-welcome-mark{color:#aac48e;background:linear-gradient(145deg,#3c4d2f,#2c3b24);border-color:#4c5f3b}.dark .diagram-workspace :is(.diagram-search,.diagram-field input,.diagram-field select,.diagram-field textarea,.diagram-color-field,.diagram-theme-switch,.diagram-tool-switch,.diagram-palette,.diagram-template-art,.diagram-inline-actions>button,.diagram-export-settings select){color:#b0c49b;background:#293424;border-color:#414e35}.dark .diagram-workspace :is(.diagram-library-item.is-selected,.diagram-library-item:hover,.diagram-group-list>button.is-selected,.diagram-theme-switch>button.is-active,.diagram-tool-switch>button.is-active,.diagram-palette>button:hover){color:#b0c89a;background:#35492a;border-color:#4a6238}.dark .diagram-workspace .diagram-library-item strong{color:#acc294}.dark .diagram-workspace .diagram-arrange{color:#a5bd8b;background:#2d3a25;border-color:#465b34}.dark .diagram-workspace .button-secondary{color:#adc797;background:#2e3b25;border-color:#4b6039}.dark .diagram-workspace :is(.diagram-template-drawer,.diagram-export-drawer){background:#293522;border-color:#445937}.dark .diagram-workspace :is(.diagram-template-card,.diagram-export-grid>button){background:#2c3926;border-color:#455a36}.dark .diagram-workspace :is(.diagram-template-card:hover,.diagram-export-grid>button:hover){background:#34462b;border-color:#63814b}.dark .diagram-workspace :is(.diagram-template-card>strong,.diagram-export-grid strong,.diagram-drawer-heading strong,.diagram-welcome h2){color:#b0c89a}.dark .diagram-workspace .diagram-template-card>.diagram-template-start{border-color:#415a32}.dark .diagram-workspace .diagram-welcome{background:radial-gradient(ellipse at 50% 35%,#34462b99 0,transparent 65%),var(--diagram-bg)}.dark .diagram-workspace .diagram-inspector-warning{color:#c6b484;background:#3c3928;border-color:#5c5435}.dark .diagram-workspace .diagram-message.is-error{color:#d1a1ab;background:#422c31;border-color:#604049}@media (prefers-reduced-motion:reduce){.diagram-workspace *{scroll-behavior:auto!important;transition:none!important}.diagram-spinner{animation:none}}.video-center:has(.video-audio-editor){scrollbar-width:thin;scrollbar-color:#d8cce1 transparent;overflow-y:auto}.video-audio-editor{color:#806d90;background:#fcfafd;border-top:1px solid #e6deec;flex:none;min-width:0;padding:15px 20px 17px}.video-audio-heading,.video-audio-add-actions,.video-audio-title{align-items:center;gap:12px;display:flex}.video-audio-heading{justify-content:space-between;margin-bottom:12px}.video-audio-title{text-align:left;color:#9277a6;gap:7px}.video-audio-title h2{color:#725e83;font-size:11px;font-weight:550;line-height:1.4}.video-audio-title>span{color:#ab94bb;background:#f0e8f5;border:1px solid #e4d9ed;border-radius:4px;padding:1px 5px;font-size:8px}.video-audio-title>svg:last-child{transform:rotate(-90deg)}.video-audio-title>svg.is-open{transform:rotate(0)}.video-audio-empty{text-align:left;color:#a086b3;background:#f8f3fb;border:1px dashed #dcd0e5;border-radius:8px;align-items:center;gap:12px;width:100%;padding:15px;display:flex}.video-audio-empty:hover{background:#f2eaf8;border-color:#bfabd0}.video-audio-empty-icon{color:#a083b5;background:#eee3f6;border-radius:8px;flex:none;place-items:center;width:33px;height:34px;display:grid}.video-audio-empty>span:nth-child(2){flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.video-audio-empty strong{color:#8a6c9e;font-size:10px;font-weight:500}.video-audio-empty small{color:#aa94b9;font-size:9px;line-height:1.7}.video-audio-link{background:#fff;border:1px solid #e4d8ed;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:12px;padding:12px;display:flex}.video-audio-link>.video-field{flex:1;min-width:150px}.video-audio-link>.video-icon-button{margin-bottom:3px}.video-audio-link>p{color:#aa95b9;flex-basis:100%;margin:0;font-size:9px;line-height:1.7}.video-audio-import{background:#f7f0fb;border:1px solid #e6dbed;border-radius:7px;align-items:center;gap:9px;margin-bottom:10px;padding:10px 11px;font-size:10px;display:flex}.video-audio-import>span{flex:1;line-height:1.5}.video-audio-import strong{font-variant-numeric:tabular-nums;margin-left:7px;font-weight:500}.video-audio-import progress{accent-color:#ac8cc0;width:85px;height:4px}.video-audio-error{color:#9a5568;background:#fff2f5;border:1px solid #f1d8e0;border-radius:7px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:8px 10px;font-size:10px;line-height:1.7;display:flex}.video-audio-error>span{flex:1}.video-audio-error>.video-icon-button{width:22px;height:22px;color:inherit}.video-audio-master{color:#a18bad;align-items:center;gap:8px;margin-bottom:10px;font-size:9px;display:flex}.video-audio-master>span{align-items:center;gap:6px;margin-right:auto;display:flex}.video-audio-master>label,.video-audio-level{align-items:center;gap:8px;display:flex}.video-audio-master input{accent-color:#a484b8;width:70px;height:3px}.video-audio-master output{font-variant-numeric:tabular-nums;color:#967da7;text-align:right;width:30px}.video-audio-timeline{background:#fff;border:1px solid #e3d8eb;border-radius:8px;overflow:hidden}.video-audio-ruler,.video-audio-row{grid-template-columns:126px minmax(0,1fr);display:grid}.video-audio-ruler{background:#faf7fc;border-bottom:1px solid #e8dfed;align-items:center;height:24px}.video-audio-ruler>span{letter-spacing:1.1px;color:#b09abb;padding-left:12px;font-size:7px}.video-audio-ruler>div{border-left:1px solid #e6dcea;height:100%;margin-right:12px;position:relative}.video-audio-ruler button{font-variant-numeric:tabular-nums;color:#ac96ba;height:23px;padding:0 5px;font-size:7px;position:absolute;top:0;transform:translate(-50%)}.video-audio-ruler button:first-child{transform:none}.video-audio-ruler button:last-child{transform:translate(-100%)}.video-audio-row{border-bottom:1px solid #eee7f2;min-height:48px}.video-audio-row:last-child{border-bottom:0}.video-audio-row.is-selected{background:#fbf7fe}.video-audio-row-label{border-right:1px solid #e8dfed;align-items:center;gap:2px;min-width:0;padding:6px 7px;display:flex}.video-audio-row-label>button:first-child{text-align:left;color:#a58bb5;flex:1;align-items:center;gap:6px;min-width:0;padding:6px 1px;font-size:9px;display:flex}.video-audio-row-label span{text-overflow:ellipsis;white-space:nowrap;color:#8e749f;overflow:hidden}.video-audio-row-label svg{flex:none}.video-audio-row-label>button:last-child{color:#b09abc;border-radius:4px;flex:none;place-items:center;width:21px;height:24px;display:grid}.video-audio-row-label>button:last-child:hover{background:#ece2f4}.video-audio-lane{background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#eee8f2 calc(100% - 1px));background-size:25% 100%;min-width:0;margin-right:12px;position:relative;overflow:hidden}.video-audio-clip{color:#b693cc;cursor:grab;touch-action:none;text-align:left;isolation:isolate;background:#eee1f8;border:1px solid #cdb6df;border-radius:5px;min-width:3px;position:absolute;top:7px;bottom:7px;overflow:hidden}.video-audio-clip:active{cursor:grabbing}.video-audio-clip[aria-pressed=true]{border-color:#ad88c5;box-shadow:0 0 0 1px #b396c73d}.video-audio-clip[data-kind=voiceover]{color:#8eaf9e;background:#e2ede8;border-color:#b7d2c5}.video-audio-clip[data-kind=sound]{color:#bd9e78;background:#f2e8dd;border-color:#dcc6ac}.video-audio-clip svg{opacity:.58;width:100%;height:100%;position:absolute;inset:0}.video-audio-clip>span:last-of-type{z-index:2;color:#705481;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #fff9;align-items:center;gap:3px;font-size:8px;display:flex;position:absolute;top:50%;left:7px;right:5px;overflow:hidden;transform:translateY(-50%)}.video-audio-clip>span>svg{opacity:1;flex:none;width:10px;height:10px;position:static}.video-audio-no-waveform{padding:0 6px;font-size:8px}.video-audio-fade-in,.video-audio-fade-out{pointer-events:none;z-index:1;background:#fff5;position:absolute;top:0;bottom:0}.video-audio-fade-in{clip-path:polygon(0 0,100% 0,0 100%);left:0}.video-audio-fade-out{clip-path:polygon(0 0,100% 0,100% 100%);right:0}.video-audio-row.is-muted .video-audio-clip{opacity:.42;filter:grayscale(.7)}.video-audio-playhead{z-index:3;pointer-events:none;background:#a27cbd;width:1px;position:absolute;top:0;bottom:0}.video-audio-outside{color:#b6a2c1;text-align:left;height:100%;padding:10px;font-size:8px}.video-audio-properties{background:#fff;border:1px solid #e4d9ec;border-radius:8px;margin-top:12px;padding:13px}.video-audio-properties-heading{grid-template-columns:minmax(0,1fr) 112px auto;align-items:end;gap:9px;margin-bottom:11px;display:grid}.video-audio-track-actions{align-items:center;gap:2px;padding-bottom:3px;display:flex}.video-audio-editor .video-field>span:first-child{font-size:9px}.video-audio-editor .video-field input,.video-audio-editor .video-field select{min-width:0;font-size:10px}.video-audio-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.video-audio-track-mix{color:#a58db5;border-top:1px solid #f0e9f4;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding-top:11px;font-size:9px;display:flex}.video-audio-level{flex:1;min-width:0}.video-audio-level>input{accent-color:#ab88c1;width:100%;min-width:40px;max-width:160px;height:3px}.video-audio-level output{font-variant-numeric:tabular-nums;text-align:right;color:#967aa9;min-width:30px}.video-audio-loop{white-space:nowrap;align-items:center;gap:5px;font-size:8px;display:flex}.video-audio-loop input{accent-color:#a383b7;width:12px;height:12px}.video-audio-source-note,.video-audio-help{color:#b09bbc;margin:10px 0 0;font-size:8px;line-height:1.7}.video-audio-help{color:#ad98ba;margin:8px 0 0}.video-audio-notice{color:#9a81ad;align-items:center;gap:6px;margin:9px 0 0;font-size:9px;line-height:1.6;display:flex}.video-audio-export-toggle{color:var(--ink-muted,#7b6f85);align-items:center;gap:8px;margin:11px 0;font-size:12px;display:flex}.video-audio-export-toggle input{accent-color:#9a7aae}.video-motion-controls{padding:0 15px 12px}@container videos (width<=730px){.video-audio-editor{padding:13px 15px}}@container videos (width<=440px){.video-audio-editor{padding:12px}.video-audio-heading{gap:7px}.video-audio-add-actions{gap:10px}.video-audio-ruler,.video-audio-row{grid-template-columns:92px minmax(0,1fr)}.video-audio-properties-heading{grid-template-columns:minmax(0,1fr) 100px}.video-audio-track-actions{grid-column:1/-1;justify-content:flex-end;padding:0}.video-audio-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.video-audio-track-mix{flex-wrap:wrap;gap:12px}.video-audio-level{flex-basis:100%}.video-audio-master>span,.video-audio-empty small{font-size:8px}.video-audio-import progress{display:none}}.design-plan-workspace{background:var(--background);min-height:0}.design-plan-workspace .components-heading{padding-block:19px}.plan-toolbar{border-bottom:1px solid var(--border);background:#fdfcfe;flex:none;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:11px 21px;display:flex}.plan-toolbar-title{align-items:center;gap:8px;min-width:0;display:flex}.plan-toolbar-title>svg{color:#b09ac0;flex:none}.plan-toolbar-title>[data-slot=input]{width:240px;max-width:260px;height:30px;box-shadow:none;color:#6b537d;background:0 0;border-color:#0000;padding-inline:6px;font-size:11px}.plan-toolbar-title>[data-slot=input]:hover,.plan-toolbar-title>[data-slot=input]:focus{border-color:var(--border);background:#fff}.plan-toolbar-title>span{white-space:nowrap;color:#b0a1bb;border:1px solid var(--border);border-radius:20px;padding:4px 7px;font-size:9px}.plan-toolbar-actions{flex:none;align-items:center;gap:6px;display:flex}.plan-toolbar-actions [data-slot=button]{border-radius:6px;gap:6px;height:29px;font-size:10px}.plan-toolbar-actions [data-slot=button][data-size=icon-xs]{width:27px;padding:5px}.plan-toolbar-divider{border-left:1px solid var(--border);height:18px;margin-inline:3px}.plan-add-menu{scrollbar-width:thin;min-width:220px;max-height:min(560px,100svh - 40px);overflow:auto}.plan-outline-menu{min-width:225px;max-height:min(440px,100svh - 40px);overflow:auto}.plan-outline-menu [data-slot=dropdown-menu-item]>svg:last-child:not(:first-child){margin-left:auto}.plan-workspace-body{flex:1;grid-template-columns:minmax(0,1fr) 280px;min-width:0;min-height:0;display:grid}.plan-map{touch-action:none;cursor:default;-webkit-user-select:none;user-select:none;background-color:#f8f5fa;background-image:radial-gradient(#d4c9df80 .65px,#0000 .65px);background-size:19px 19px;outline:none;min-width:0;min-height:0;position:relative;overflow:hidden}.plan-map.is-pan{cursor:grab}.plan-map.is-pan:active{cursor:grabbing}.plan-map.is-connecting{cursor:crosshair}.plan-world{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;inset:0 auto auto 0}.plan-connections{pointer-events:none;position:absolute;inset:0;overflow:visible}.plan-connections path{fill:none;stroke-width:1.5px;stroke:#b99ecd;stroke-opacity:.5}.plan-connections path.is-palette{stroke:#78aea8}.plan-connections path[data-highlight=true]{stroke-width:2px;stroke-opacity:.8}.plan-connections path.is-preview{stroke-dasharray:5 5;stroke-width:2px;stroke-opacity:1}.plan-node{touch-action:none;cursor:grab;background:#fff;border:1px solid #e4daec;border-radius:13px;outline:none;flex-direction:column;display:flex;position:absolute;box-shadow:0 3px 8px #31213e04,0 8px 22px #31213e04}.plan-node.is-selected{border-color:#c1a1d7;box-shadow:0 0 0 2px #b89aca20,0 8px 24px #31213e08}.plan-node:focus-visible{outline-offset:5px;outline:2px solid #ac83ca}.plan-node.is-moving{cursor:grabbing;box-shadow:0 0 0 2px #b89aca25,0 12px 34px #31213e13}.plan-node-header{flex:none;align-items:center;gap:10px;min-width:0;padding:17px 16px 14px;display:flex}.plan-node-symbol{color:#a285b7;background:#f6f1fa;border:1px solid #e9def1;border-radius:7px;flex:none;place-items:center;width:27px;height:29px;display:grid}.plan-node-symbol.is-palette{color:#7caaa5;background:#f1f8f7;border-color:#e2efed}.plan-node-header>div{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.plan-node-header>div>span{letter-spacing:1px;text-transform:uppercase;color:#b29dc1;white-space:nowrap;text-overflow:ellipsis;font-size:7.5px;font-weight:500;overflow:hidden}.plan-node-header strong{color:#654f74;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:550;line-height:1.2;overflow:hidden}.plan-node-grip{color:#d3c5dd;opacity:0;flex:none;transition:opacity .15s}.plan-node:hover .plan-node-grip,.plan-node.is-selected .plan-node-grip{opacity:1}.plan-style-sample{color:#8b739d;background:#faf7fc;border:1px solid #f2eaf7;border-radius:8px;flex:none;align-items:center;gap:20px;height:83px;margin:0 16px;padding:17px 14px;display:flex}.plan-style-sample>span{letter-spacing:-1.8px;flex:none;font-size:33px;line-height:1}.plan-style-sample>div{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.plan-style-sample strong{white-space:nowrap;font-size:9px;font-weight:500;line-height:1.3}.plan-style-sample i{white-space:nowrap;color:#fff;border-radius:var(--sample-radius);background:#ac8bc5;justify-content:center;align-items:center;height:17px;padding:2px 6px;font:6px Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.plan-palette-strip{border-radius:7px;flex:none;gap:0;min-width:0;height:75px;margin:4px 16px;display:flex;overflow:hidden}.plan-palette-strip>span{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.plan-palette-strip i{flex:1;min-height:30px;display:block}.plan-palette-strip.has-labels{border-radius:0;gap:4px;height:auto;margin:0;overflow:visible}.plan-palette-strip.has-labels i{border:1px solid #00000008;border-radius:4px;flex:none;height:35px;min-height:35px}.plan-palette-strip small{text-align:center;color:#a18bb2;letter-spacing:-.4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;line-height:1.3}.plan-node-footer{color:#b09bc0;flex:none;justify-content:space-between;align-items:center;gap:5px;height:42px;margin-top:auto;padding:12px 17px 13px;display:flex}.plan-node-footer>span{white-space:nowrap;align-items:center;gap:5px;font-size:7.5px;line-height:1.5;display:flex}.plan-node-footer>span>i{background:#cbb9d6;border-radius:50%;flex:none;width:2px;height:2px}.plan-node-footer .plan-output-status>i{background:#94b5a2;width:4px;height:4px;margin-right:1px}.plan-node-footer .plan-output-status.is-missing>i{background:#cab087}.plan-node-footer .plan-output-status.is-changed>i{background:#b493cc}.plan-node-footer .plan-output-status.is-created{color:#86a996}.plan-node-footer .plan-output-status.is-changed{color:#a98abd}.plan-node-footer>[data-slot=button]{width:20px;height:20px;margin-right:-3px;padding:3px;color:#ae98bd!important}.plan-node-footer>[data-slot=button] svg{width:11px;height:11px}.plan-asset-miniature{background:var(--plan-asset-background);border:1px solid #b9a0ce14;border-radius:8px;flex:none;justify-content:center;align-items:center;height:85px;margin:0 16px;padding:10px 11px;display:flex;overflow:hidden}.plan-mini-site{background:var(--plan-asset-surface);border-radius:var(--plan-asset-radius);flex-direction:column;align-items:flex-start;gap:7px;width:100%;height:100%;padding:9px 11px;display:flex;box-shadow:0 1px 3px #00000004}.plan-mini-site>i{background:var(--plan-asset-primary);border-radius:2px;width:15px;height:3px}.plan-mini-site>strong{background:var(--plan-asset-ink);opacity:.7;border-radius:2px;width:57%;height:5px}.plan-mini-site>span{background:var(--plan-asset-ink);opacity:.2;border-radius:2px;width:74%;height:2px;margin-top:-2px}.plan-mini-site>b{border-radius:min(var(--plan-asset-radius),4px);background:var(--plan-asset-primary);width:30%;height:7px;margin-top:1px}.plan-mini-icon{background:var(--plan-asset-primary);border-radius:var(--plan-asset-radius);width:62px;height:62px;padding:7px;box-shadow:0 3px 7px #0000000b}.plan-mini-icon svg{width:100%;height:100%;overflow:visible}.plan-mini-icon svg path{fill:none;stroke:var(--plan-asset-on-primary);stroke-width:7px;stroke-linecap:round}.plan-mini-bars{border-bottom:1px solid #a086b521;justify-content:center;align-items:flex-end;gap:9px;width:100%;height:100%;padding:2px 9px 0;display:flex}.plan-mini-bars i{background:var(--plan-asset-primary);opacity:.8;border-radius:3px 3px 0 0;width:17px}.plan-port{cursor:crosshair;color:#a989c5;touch-action:none;border:0;justify-content:center;align-items:center;width:18px;height:22px;padding:0;display:flex;position:absolute;transform:translateY(-50%);outline-offset:1px!important;background:0 0!important}.plan-port.is-palette{color:#71aaa4}.plan-port.is-output{right:-9px}.plan-port.is-input{left:-9px}.plan-port>span{pointer-events:none;background:#fff;border:2px solid;border-radius:50%;width:9px;height:9px;transition:box-shadow .15s,transform .15s;display:block;box-shadow:0 0 0 3px #faf8fc80}:is(.plan-port:hover>span,.plan-port:focus-visible>span,.plan-port.is-compatible>span){transform:scale(1.25);box-shadow:0 0 0 4px #c7b3d933}.plan-port.is-palette:hover>span,.plan-port.is-palette.is-compatible>span{box-shadow:0 0 0 4px #8fbbb533}.plan-node.is-asset .plan-port.is-output>span{opacity:.55;border-width:1px;width:7px;height:7px}:is(.plan-node.is-asset .plan-port.is-output:hover>span,.plan-node.is-asset .plan-port.is-output:focus-visible>span){opacity:1}.plan-map-controls{z-index:2;gap:7px;display:flex;position:absolute;top:15px;left:16px}.plan-map-controls [data-slot=toggle-group]{border:1px solid var(--border);background:#fff;border-radius:7px;gap:2px;padding:3px;box-shadow:0 2px 5px #37224103}.plan-map-controls [data-slot=toggle-group-item]{width:28px;min-width:0;height:26px;border-radius:4px!important}.plan-map-controls [data-slot=button]{border-radius:7px;gap:7px;height:34px;font-size:9px;box-shadow:0 2px 5px #37224103;color:#a18ab2!important;border-color:var(--border)!important;background:#fff!important}.plan-map-controls [data-slot=button] svg{width:12px;height:12px}.plan-connection-prompt{z-index:2;border:1px solid var(--border);color:#967ca8;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:5px 5px 5px 11px;font-size:9px;display:flex;position:absolute;top:17px;left:50%;transform:translate(-50%);box-shadow:0 3px 14px #2d15330a}.plan-channel-dot{background:#a989c5;border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.plan-channel-dot.is-palette{background:#71aaa4}.plan-map-legend{color:#b39dc1;pointer-events:none;z-index:2;align-items:center;gap:12px;font-size:8px;display:flex;position:absolute;bottom:19px;left:20px}.plan-map-legend>span{align-items:center;gap:5px;display:flex}.plan-map-legend i{background:#b699ca;border-radius:50%;width:5px;height:5px}.plan-map-legend i.is-palette{background:#84b4ad}.plan-map-legend small{color:#c5b4cf;margin-left:4px;font-size:8px}.plan-zoom{border:1px solid var(--border);z-index:2;background:#ffffffed;border-radius:8px;align-items:center;gap:3px;padding:5px;display:flex;position:absolute;bottom:15px;right:15px;box-shadow:0 3px 10px #3d284308}.plan-zoom [data-slot=button]{width:26px;height:25px;padding:5px;color:#a18ab2!important}.plan-zoom>[data-slot=button]:last-child{border-left:1px solid var(--border);border-radius:0;width:31px;margin-left:3px}.plan-zoom>button:not([data-slot]){color:#a18ab2;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;min-width:41px;padding:4px 2px;font-size:9px}.plan-empty{color:#aa8ebd;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:60px;display:flex;position:absolute;inset:0}.plan-empty h2{letter-spacing:-.5px;color:#8a6d9f;font-size:20px;font-weight:500}.plan-empty p{color:#b29ac2;max-width:310px;font-size:11px;line-height:1.8}.plan-empty>div{pointer-events:auto;gap:8px;margin-top:3px;display:flex}.plan-empty [data-slot=button]{height:31px;font-size:10px}.plan-inspector{border-left:1px solid var(--border);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.plan-inspector>header{border-bottom:1px solid var(--border);color:#8d759f;flex:none;justify-content:space-between;align-items:center;gap:8px;height:49px;padding:13px 17px;display:flex}.plan-inspector>header>span{align-items:center;gap:8px;font-size:10px;font-weight:500;display:flex}.plan-inspector>header [data-slot=button]{width:24px;height:24px;color:#bda8ca!important}.plan-inspector>header [data-slot=button] svg{width:12px;height:12px}.plan-inspector-scroll{scrollbar-width:thin;scrollbar-color:#e4dbe9 transparent;flex:1;min-height:0;overflow-y:auto}.plan-property-section{border-bottom:1px solid var(--border);padding:19px 17px}.plan-property-section:last-child{border-bottom:0;padding-bottom:28px}.plan-property-section h3{color:#8f739f;margin-bottom:16px;font-size:10px;font-weight:500}.plan-property-section [data-slot=field-group]{gap:15px}.plan-property-section [data-slot=field]{gap:7px}.plan-property-section [data-slot=field-label]{color:#a18aae;font-size:9px;font-weight:400;line-height:1.5}.plan-property-section [data-slot=field-label] .plan-channel-dot{width:5px;height:5px;margin-right:1px}.plan-property-section [data-slot=native-select-wrapper]{width:100%;min-width:0}.plan-property-section :is([data-slot=input],[data-slot=native-select]){color:#876b9b;border-color:#e4dae9;border-radius:6px;height:32px;font-size:10px}.plan-property-section [data-slot=textarea]{color:#876b9b;resize:vertical;border-color:#e4dae9;min-height:87px;font-size:10px;line-height:1.7}.plan-property-section [data-slot=field-description]{color:#b29bc2;font-size:9px;line-height:1.7}.plan-property-section [data-slot=button]{gap:6px;min-height:31px;font-size:10px}.plan-property-section [data-slot=button][data-size=icon-xs]{min-height:0}.plan-property-section [data-slot=button] svg{width:12px;height:12px}.plan-property-section [data-slot=toggle-group]{background:#f7f3fa;border:1px solid #ede4f2;border-radius:6px;gap:2px;width:100%;padding:3px}.plan-property-section [data-slot=toggle-group-item]{color:#ab92bb;flex:1;gap:5px;height:26px;font-size:10px;border-radius:4px!important}.plan-property-section [data-slot=toggle-group-item][data-state=on]{color:#9674ae;background:#fff;box-shadow:0 1px 3px #3d234706}.plan-property-section [data-slot=toggle-group-item] svg{width:11px;height:11px}.plan-property-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.plan-slider-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.plan-slider-label>span{font-variant-numeric:tabular-nums;color:#b39bc3;font-size:9px}.plan-property-section [data-slot=slider]{padding:8px 0}.plan-property-section [data-slot=slider-range]{background:#be9ed1}.plan-property-section [data-slot=slider-thumb]{border-color:#d3bce3;width:12px;height:12px;box-shadow:0 1px 3px #4c2f5d0b}.plan-property-section [data-slot=slider-track]{background:#f0e6f6}.plan-palette-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.plan-palette-presets>[data-slot=button]{background:#fff;border-color:#e9e0ef;border-radius:7px;flex-direction:column;gap:7px;height:auto;min-height:59px;padding:5px 5px 7px}.plan-palette-presets>[data-slot=button]>span{border-radius:4px;width:100%;height:24px;display:flex;overflow:hidden}.plan-palette-presets>[data-slot=button]>span>i{flex:1}.plan-palette-presets>[data-slot=button]>small{color:#aa8ebc;font-size:8px;font-weight:400}.plan-mode-swatches{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.plan-mode-swatches>div{border:1px solid #b799ca24;border-radius:8px;flex-direction:column;gap:13px;min-width:0;padding:11px 10px;display:flex}.plan-mode-swatches>div>span{opacity:.6;align-items:center;gap:6px;font-size:8px;display:flex}.plan-mode-swatches>div>b{letter-spacing:-.6px;border-radius:5px;padding:9px 10px;font-size:17px;font-weight:500}.plan-mode-swatches>div>small{opacity:.5;font-size:7px}.plan-resolved-style{color:#9b7eb0;background:#fbf9fd;border:1px solid #ede4f3;border-radius:8px;align-items:center;gap:11px;margin:20px 0 0;padding:13px 10px;display:flex}.plan-resolved-style>span{letter-spacing:-1px;flex:none;font-size:25px;line-height:1}.plan-resolved-style>div{flex-direction:column;gap:7px;min-width:0;display:flex}.plan-resolved-style strong{font-size:10px;font-weight:500}.plan-resolved-style strong>span{opacity:.65;text-transform:capitalize;font-weight:400}.plan-resolved-style small{color:#b39bc3;font-size:8px;line-height:1.5}.plan-missing-inputs{color:#b39577;background:#fdfaf6;border:1px dashed #e1d0c0;border-radius:7px;padding:11px;font-size:10px;line-height:1.7}.plan-output-actions{flex-wrap:wrap;gap:7px;margin-top:19px;display:flex}.plan-output-actions>[data-slot=button]{flex:1}.plan-apply-note{color:#b49ec2;margin-top:12px;font-size:9px;line-height:1.8}.plan-detach{width:100%;margin-top:8px;color:#b29bc2!important;font-size:9px!important}.plan-outgoing-list{flex-direction:column;gap:5px;display:flex}.plan-outgoing-list>div{border:1px solid #eee6f3;border-radius:6px;align-items:center;gap:4px;padding:3px;display:flex}.plan-outgoing-list>div>button:first-child{color:#ad92bf;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:7px;min-width:0;padding:6px 4px 6px 7px;font-size:9px;display:flex}.plan-outgoing-list>div>button:first-child>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.plan-outgoing-list>div>button:first-child>svg{opacity:.6;flex:none}.plan-outgoing-list>div>[data-slot=button]{width:22px;height:23px;padding:4px;color:#c4afd2!important}.plan-outgoing-list>div>[data-slot=button] svg{width:10px;height:10px}.plan-overview-copy{color:#af96bf;margin-top:10px;font-size:10px;line-height:1.85}.plan-overview-stat{color:#b29ac2;border-bottom:1px solid #f0e9f5;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;font-size:9px;display:flex}.plan-overview-stat:first-of-type{margin-top:12px}.plan-overview-stat strong{color:#9374a7;font-size:11px;font-weight:500}.plan-status-bar{border-top:1px solid var(--border);color:#b7a3c5;background:#fdfcfe;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:31px;padding:8px 18px;font-size:8px;display:flex}.plan-status-bar>span{align-items:center;gap:5px;line-height:1.6;display:flex}.plan-status-bar>span:first-child{min-width:0}.plan-status-bar>span:last-child{color:#c1b0cc;flex:none}.plan-error{border-inline:0;background:#fff6f8;border-top:0;border-radius:0;flex:none;padding:10px 45px 10px 20px;position:relative}.plan-error [data-slot=alert-title]{font-size:10px}.plan-error [data-slot=alert-description]{font-size:10px;line-height:1.6}.plan-error>[data-slot=button]{position:absolute;top:10px;right:13px}.plan-preview,.design-plan-preview{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.design-plan-preview>svg{object-fit:contain;width:100%;height:100%;display:block}.plan-mobile-tabs{display:none}@container components (width<=1080px){.plan-workspace-body{grid-template-columns:minmax(0,1fr) 258px}.design-plan-workspace .components-heading{padding:17px 20px}.design-plan-workspace .components-heading p{font-size:10px}.design-plan-workspace .components-heading-actions{gap:5px}.design-plan-workspace .components-heading-actions [data-slot=button]{padding-inline:8px;font-size:10px}.plan-map-legend>small{display:none}.plan-toolbar{padding:10px 15px}.plan-toolbar-title>span{display:none}.plan-toolbar-title>[data-slot=input]{max-width:220px}.plan-property-section{padding:17px 15px}.plan-connection-prompt{top:61px}}@container components (width<=760px){.design-plan-workspace .components-heading{flex-wrap:wrap;gap:14px}.design-plan-workspace .components-heading h1{font-size:21px}.design-plan-workspace .components-heading-actions{flex-wrap:wrap;flex:0 0 100%;justify-content:flex-start;gap:7px;width:100%;max-width:none}.design-plan-workspace .components-heading-actions>:is([data-slot=button],[data-slot=dropdown-menu-trigger][data-variant]){white-space:nowrap;flex:none;width:auto;min-width:max-content;height:32px;padding:6px 10px}.plan-mobile-tabs{border-bottom:1px solid var(--border);background:#fff;flex:none;justify-content:center;padding:7px;display:flex}.plan-mobile-tabs [data-slot=toggle-group]{border:1px solid var(--border);background:#f5f0f8;border-radius:6px;gap:3px;padding:3px}.plan-mobile-tabs [data-slot=toggle-group-item]{min-width:105px;height:25px;font-size:10px;border-radius:4px!important}.plan-mobile-tabs [data-slot=toggle-group-item][data-state=on]{background:#fff}.plan-workspace-body{flex-direction:column;min-height:0;display:flex}.plan-map,.plan-inspector{border-left:0;flex:1;min-height:0;display:none}.design-plan-workspace[data-mobile-panel=map] .plan-map{display:block}.design-plan-workspace[data-mobile-panel=properties] .plan-inspector{display:flex}.plan-inspector>header{padding-inline:20px}.plan-property-section{width:100%;max-width:600px;margin:auto;padding:20px}.plan-property-section [data-slot=field-group]{gap:17px}.plan-property-section :is([data-slot=input],[data-slot=native-select]){height:35px;font-size:12px}.plan-property-section [data-slot=field-label]{font-size:11px}.plan-property-section [data-slot=field-description]{font-size:10px}.plan-palette-presets>[data-slot=button]{min-height:70px}.plan-palette-strip.has-labels i{height:50px}.plan-palette-strip small{font-size:10px}.plan-property-grid{gap:16px}.plan-mode-swatches>div{padding:15px}.plan-mode-swatches>div>small{font-size:9px}.plan-mode-swatches>div>span{font-size:10px}.plan-status-bar>span:last-child{display:none}.plan-status-bar{padding:7px 13px}.plan-toolbar-title>[data-slot=input]{width:190px}}@container components (width<=500px){.plan-toolbar{flex-wrap:wrap;gap:6px;padding:9px 12px}.plan-toolbar-title{width:100%}.plan-toolbar-title>[data-slot=input]{width:100%;max-width:none}.plan-toolbar-title>span{display:block}.plan-toolbar-actions{gap:5px;margin-left:auto}.plan-map-controls{top:12px;left:11px}.plan-zoom{bottom:12px;right:11px}.plan-map-legend{gap:9px;bottom:21px;left:13px}.plan-connection-prompt{max-width:calc(100% - 22px);font-size:8px;top:55px}.plan-empty{padding:55px 25px}.plan-empty h2{font-size:18px}.plan-empty p{font-size:10px}}@media (prefers-reduced-motion:reduce){.plan-node,.plan-port>span,.plan-node-grip{transition:none}}@media (max-height:650px){.design-plan-workspace{min-height:620px}.plan-workspace-body{min-height:280px}}.plan-build-status{z-index:1000;color:#493c58;background:#fff;border:1px solid #d8cee4;border-radius:16px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:16px 22px;font-size:13px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 36px #3e294026}.plan-build-status small{color:#897d94;margin-top:4px;font-size:11px;display:block}.plan-live-indicator{white-space:nowrap;color:#698b7a;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:inline-flex}.plan-live-indicator[data-state=syncing]{color:#9276a5}.plan-live-indicator[data-state=error]{color:#ad6573}.plan-sync-error{padding-right:20px}.plan-node-footer .plan-output-status{text-overflow:ellipsis;gap:5px;font-size:8px;font-weight:450;overflow:hidden}.plan-output-status svg{flex:none}.plan-node-footer .plan-output-status.is-live,.plan-node-footer .plan-output-status.is-source{color:#648f7c}.plan-node-footer .plan-output-status.is-customized{color:#9974b2}.plan-node-footer .plan-output-status.is-locked{color:#9a886a}.plan-node-footer .plan-output-status.is-missing{color:#b47969}.plan-node-footer .plan-output-status.is-waiting{color:#ae9472}.plan-node-footer .plan-output-status.is-syncing{color:#9c7fb0}.plan-inheritance-state{color:#6e907c;background:#f8fbf8;border:1px solid #e5eee7;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:15px;padding:11px;display:flex}.plan-inheritance-state>svg{flex:none;margin-top:2px}.plan-inheritance-state>div{min-width:0}.plan-inheritance-state strong{font-size:10px;font-weight:550;line-height:1.4}.plan-inheritance-state p{color:#8f9c91;margin-top:5px;font-size:9px;line-height:1.7}.plan-inheritance-state.is-customized{color:#9774b0;background:#fcf9fe;border-color:#eadff2}.plan-inheritance-state.is-customized p{color:#a58daf}.plan-inheritance-state.is-locked{color:#9b896d;background:#fcfaf6;border-color:#ece5d9}.plan-inheritance-state.is-locked p{color:#a99a82}.plan-inheritance-state.is-missing,.plan-inheritance-state.is-waiting{color:#ae836a;background:#fdf9f5;border-color:#edddd2}.plan-inheritance-state.is-missing p,.plan-inheritance-state.is-waiting p{color:#ae9585}.plan-inheritance-state.is-ready,.plan-inheritance-state.is-syncing{color:#9a7baf;background:#faf7fc;border-color:#e9dff1}.plan-inheritance-state.is-ready p,.plan-inheritance-state.is-syncing p{color:#a492b2}.plan-linked-identity{color:#9a80ab;align-items:center;gap:9px;min-width:0;display:flex}.plan-linked-identity>svg{flex:none}.plan-linked-identity>div{flex-direction:column;gap:5px;min-width:0;display:flex}.plan-linked-identity strong{white-space:nowrap;text-overflow:ellipsis;color:#7c638d;font-size:11px;font-weight:500;overflow:hidden}.plan-linked-identity span{color:#b09abd;overflow-wrap:anywhere;font-size:8px;line-height:1.6}.plan-link-section .plan-output-actions{margin-top:13px}.plan-link-section .plan-output-actions [data-slot=button]{white-space:nowrap;padding-inline:8px;font-size:9px}.plan-link-existing{width:100%;margin-top:13px}.plan-link-section .plan-detach{min-height:25px;margin-top:7px;font-size:8px!important}.plan-section-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.plan-section-heading h3{margin:0}.plan-section-heading>span{color:#b6a0c5;font-size:8px}.plan-next-assets{flex-direction:column;gap:5px;display:flex}.plan-next-assets>[data-slot=button]{text-align:left;white-space:normal;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;height:auto;min-height:51px;padding:9px 10px;display:flex;background:#fdfbfe!important;border:1px solid #eee5f4!important}.plan-next-assets>[data-slot=button]:hover{background:#f7f0fb!important;border-color:#dfcde9!important}.plan-next-assets>[data-slot=button]>span{flex-direction:column;gap:5px;min-width:0;display:flex}.plan-next-assets strong{color:#8c6b9f;font-size:10px;font-weight:500;line-height:1.3}.plan-next-assets small{color:#b09abd;font-size:8px;font-weight:400;line-height:1.6}.plan-next-assets>[data-slot=button]>svg{color:#b49ac5;flex:none}.plan-all-assets{width:100%;margin-top:9px;font-size:9px!important}.plan-style-lock{justify-content:space-between;align-items:center;gap:15px;display:flex}.plan-style-lock>div{flex:1;min-width:0}.plan-style-lock [data-slot=field-label]{color:#8f739f;font-size:10px;font-weight:500}.plan-style-lock p{color:#b09abd;margin-top:5px;font-size:9px;line-height:1.65}.plan-style-lock [data-slot=switch]{flex:none;min-height:16px}.plan-customizations{border-top:1px solid #eee5f3;margin-top:15px;padding-top:5px}.plan-customizations summary{cursor:pointer;color:#a187b1;justify-content:space-between;align-items:center;gap:8px;min-height:30px;font-size:9px;list-style:none;display:flex}.plan-customizations summary::-webkit-details-marker{display:none}.plan-customizations[open] summary>svg{transform:rotate(180deg)}.plan-customizations ul{scrollbar-width:thin;max-height:175px;margin:5px 0 0;padding:0;list-style:none;overflow:auto}.plan-customizations li{color:#ad98bb;overflow-wrap:anywhere;border-bottom:1px solid #f4edf8;padding:5px 7px;font-size:8px;line-height:1.65}.plan-resume{margin-top:13px}.plan-resume>[data-slot=button]{width:100%;font-size:9px}.plan-resume p{color:#ad97bc;margin-top:8px;font-size:9px;line-height:1.7}.plan-empty>div{flex-wrap:wrap;justify-content:center;max-width:400px}.plan-mini-system{width:100%;color:var(--plan-asset-ink);flex-wrap:wrap;align-items:center;gap:7px 15px;padding:5px 6px;display:flex}.plan-mini-system>strong{letter-spacing:-1px;font-size:27px;line-height:1;font-weight:inherit}.plan-mini-system>div{border-radius:4px;flex:1;height:21px;display:flex;overflow:hidden}.plan-mini-system>div>i{flex:1}.plan-mini-system>span{opacity:.55;letter-spacing:.1px;flex:0 0 100%;font-size:7px;font-weight:400}.plan-mini-component{color:var(--plan-asset-ink);flex-direction:column;align-items:center;gap:7px;width:100%;font-size:6px;display:flex}.plan-mini-component>b{border-radius:var(--plan-asset-radius);background:var(--plan-asset-primary);color:var(--plan-asset-on-primary);font-size:9px;font-weight:inherit;justify-content:center;align-items:center;gap:13px;padding:6px 15px;display:flex;box-shadow:0 2px 3px #00000009}.plan-mini-component>span,.plan-mini-component>small{opacity:.55;font-size:6px;font-weight:400}.plan-mini-ribbon{place-items:center;width:100%;height:100%;display:grid;position:relative}.plan-mini-ribbon>svg{width:100%;height:100%;overflow:visible}.plan-mini-ribbon path{fill:none;stroke-width:7px;stroke-linecap:round;opacity:.88}.plan-mini-ribbon>i{border:2px solid var(--plan-asset-surface);background:var(--plan-asset-primary);border-radius:50%;width:20px;height:20px;position:absolute;bottom:-5px;left:9px}.plan-asset-miniature.is-backgrounds{padding:5px 63px}.is-backgrounds .plan-mini-ribbon{box-shadow:0 0 0 2px var(--plan-asset-ink);background:var(--plan-asset-surface);border-radius:7px;overflow:hidden}.is-backgrounds .plan-mini-ribbon>svg{width:160px;max-width:none}.plan-mini-dag{width:100%;height:100%}.plan-mini-dag>path{fill:none;stroke:var(--plan-asset-primary);stroke-width:2px;opacity:.65}.plan-mini-dag>rect{fill:var(--plan-asset-surface);stroke:var(--plan-asset-primary);stroke-width:1px;stroke-opacity:.35}.plan-mini-dag>circle{fill:var(--plan-asset-primary)}.plan-mini-dag>.is-detail{stroke-width:4px;stroke-linecap:round;opacity:.35}.plan-mini-qr{background:var(--plan-asset-surface);width:61px;height:61px;color:var(--plan-asset-ink);border-radius:5px;position:relative}.plan-mini-qr>i{border:4px solid;border-radius:2px;width:17px;height:17px;position:absolute;top:5px;left:5px}.plan-mini-qr>i:after{content:"";background:currentColor;position:absolute;inset:2px}.plan-mini-qr>.is-corner-1{left:auto;right:5px}.plan-mini-qr>.is-corner-2{top:auto;bottom:5px}.plan-mini-qr>svg{fill:currentColor;width:100%;height:100%}.plan-mini-cards{width:100%;height:100%;position:relative}.plan-mini-cards>div:first-child{border-radius:min(var(--plan-asset-radius),6px);background:var(--plan-asset-surface);width:112px;height:59px;color:var(--plan-asset-ink);z-index:1;flex-direction:column;gap:5px;padding:12px 10px;display:flex;position:absolute;top:1px;left:5px;box-shadow:0 2px 6px #0000000c}.plan-mini-cards b{font-size:9px;font-weight:inherit;line-height:1}.plan-mini-cards span{opacity:.6;font-size:5px;font-weight:400}.plan-mini-cards>div:first-child>i{background:var(--plan-asset-primary);border-radius:3px;width:18px;height:3px;margin-top:4px}.plan-mini-cards>div:last-child{background:var(--plan-asset-primary);border-radius:min(var(--plan-asset-radius),6px);gap:3px;width:85px;height:51px;padding:30px 9px 7px;display:flex;position:absolute;bottom:1px;right:4px;transform:rotate(7deg)}.plan-mini-cards>div:last-child>i{border:1px solid #ffffff40;border-radius:3px;width:14px;height:14px}.plan-mini-frame{background:var(--plan-asset-surface);border-radius:min(var(--plan-asset-radius),6px);border:1px solid #00000009;width:100%;height:100%;overflow:hidden;box-shadow:0 2px 5px #00000008}.plan-mini-frame>header{border-bottom:1px solid #00000008;align-items:center;gap:3px;height:11px;padding-left:7px;display:flex}.plan-mini-frame>header>i{background:var(--plan-asset-primary);opacity:.5;border-radius:50%;width:3px;height:3px}.plan-mini-frame>div{flex-direction:column;gap:6px;padding:9px 13px;display:flex}.plan-mini-frame>div>span{background:var(--plan-asset-ink);opacity:.8;border-radius:3px;width:58%;height:5px}.plan-mini-frame>div>b{background:var(--plan-asset-ink);opacity:.2;width:75%;height:2px}.plan-mini-frame>div>i{background:var(--plan-asset-primary);border-radius:3px;width:34px;height:7px}.plan-mini-slide{width:100%;height:100%;color:var(--plan-asset-ink);padding:3px 5px;position:relative}.plan-mini-slide>small{letter-spacing:.7px;text-transform:uppercase;opacity:.55;font-size:5px}.plan-mini-slide>strong{letter-spacing:-.5px;font-size:16px;line-height:1.1;font-weight:inherit;margin-top:5px;display:block}.plan-mini-slide>i{background:var(--plan-asset-primary);border-radius:45% 55% 36% 64%;width:43px;height:43px;position:absolute;top:10px;right:10px}.plan-mini-slide>span{background:var(--plan-asset-primary);width:14px;height:2px;position:absolute;bottom:2px;left:5px}.plan-mini-letter{background:var(--plan-asset-surface);width:115px;height:74px;color:var(--plan-asset-ink);border-radius:3px;flex-direction:column;gap:5px;margin-top:12px;padding:8px 10px;display:flex;box-shadow:0 1px 5px #00000006}.plan-mini-letter>i{background:var(--plan-asset-primary);border-radius:2px;width:17px;height:3px}.plan-mini-letter>strong{font-size:6px;font-weight:inherit;margin-top:2px}.plan-mini-letter>span{background:var(--plan-asset-ink);opacity:.2;width:92%;height:2px}.plan-mini-letter>span+span{width:78%}.plan-mini-letter>b{background:var(--plan-asset-primary);color:var(--plan-asset-on-primary);border-radius:min(var(--plan-asset-radius),4px);width:fit-content;font-size:5px;line-height:1.6;font-weight:inherit;margin-top:2px;padding:2px 6px}.plan-asset-miniature.is-screen .plan-mini-site{border-left:12px solid var(--plan-asset-primary);padding-left:26px}.plan-asset-miniature.is-block .plan-mini-site{align-items:center;padding-top:12px}.plan-asset-miniature.is-narrative .plan-mini-site{border-bottom:10px solid var(--plan-asset-primary);gap:5px;padding-top:5px}.components-dialog.plan-asset-dialog{flex-direction:column;gap:17px;width:min(620px,100vw - 32px);max-width:620px;max-height:min(780px,100svh - 44px);padding:25px;display:flex;overflow:hidden}.plan-asset-dialog [data-slot=dialog-description]{color:#95849f;padding-right:10px;font-size:11px;line-height:1.7}.plan-asset-search{flex:none;align-items:center;gap:10px;min-width:0;display:flex}.plan-asset-search>div:first-child{border:1px solid var(--border);background:#fff;border-radius:7px;flex:1;align-items:center;gap:8px;min-width:0;padding-left:11px;display:flex}.plan-asset-search>div:first-child>svg{color:#b5a0c1;flex:none}.plan-asset-search [data-slot=input]{min-width:0;height:35px;box-shadow:none;border:0;padding-left:0;font-size:11px}.plan-asset-search [data-slot=native-select-wrapper]{flex:none;width:160px}.plan-asset-search [data-slot=native-select]{border-color:var(--border);color:#8b739b;border-radius:7px;width:100%;height:37px;font-size:11px}.plan-asset-results{scrollbar-width:thin;scrollbar-color:#e3d9eb transparent;flex:1;min-height:120px;max-height:480px;margin-inline:-6px;padding-inline:6px;overflow:auto}.plan-asset-results>section+section{margin-top:17px}.plan-asset-results h3{color:#a18ab1;letter-spacing:.1px;justify-content:space-between;align-items:center;margin:0;padding:1px 3px 8px;font-size:10px;font-weight:500;display:flex}.plan-asset-results h3>span{color:#bca9c8;font-size:9px;font-weight:400}.plan-asset-option[data-slot=button]{white-space:normal;text-align:left;color:#9579a7;background:#fff;border:1px solid #efe7f4;border-radius:8px;justify-content:flex-start;align-items:center;gap:13px;width:100%;height:auto;min-height:63px;margin-bottom:6px;padding:10px;display:flex}.plan-asset-option[data-slot=button]:hover{background:#fbf7fe;border-color:#dfcde9}.plan-asset-option[data-slot=button]:disabled{opacity:.5;background:#faf8fb}.plan-asset-option-swatches{border-radius:6px;flex:none;width:44px;height:35px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #00000004}.plan-asset-option-swatches>i{flex:1}.plan-asset-option-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.plan-asset-option-copy>strong{color:#786187;overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:1.4}.plan-asset-option-copy>span{color:#aa94b8;overflow-wrap:anywhere;font-size:9px;font-weight:400;line-height:1.5}.plan-asset-option>svg{color:#b59bc6;flex:none;width:14px;height:14px}.plan-asset-option>small{color:#a38eb0;flex:none;font-size:9px;font-weight:400}.plan-asset-picker-caption{border-top:1px solid var(--border);color:#b19cbe;flex:none;justify-content:space-between;align-items:center;gap:15px;padding-top:12px;font-size:9px;display:flex}.plan-asset-picker-caption>span:last-child{align-items:center;gap:5px;display:flex}.plan-asset-empty{text-align:center;color:#a58bb6;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:230px;padding:35px 25px;display:flex}.plan-asset-empty>strong{color:#8e729f;font-size:14px;font-weight:500}.plan-asset-empty>p{color:#ac97ba;max-width:310px;font-size:11px;line-height:1.7}.plan-asset-empty>[data-slot=button]{height:31px;margin-top:3px;font-size:11px}@container components (width<=760px){.plan-live-indicator{padding:5px 2px}.plan-inheritance-state strong{font-size:12px}.plan-inheritance-state p{font-size:11px}.plan-inheritance-state{padding:13px}.plan-linked-identity strong{font-size:13px}.plan-linked-identity span{font-size:10px}.plan-link-section .plan-output-actions [data-slot=button]{height:35px;font-size:11px}.plan-link-section .plan-detach{min-height:30px;font-size:10px!important}.plan-next-assets strong{font-size:12px}.plan-next-assets small{font-size:10px}.plan-next-assets>[data-slot=button]{min-height:62px;padding:12px}.plan-section-heading>span{font-size:10px}.plan-style-lock [data-slot=field-label]{font-size:12px}.plan-style-lock p,.plan-resume p{font-size:10px}.plan-customizations summary{min-height:35px;font-size:11px}.plan-customizations li{font-size:10px}.plan-customizations ul{max-height:210px}.plan-all-assets{font-size:11px!important}.plan-resume>[data-slot=button]{height:35px;font-size:11px}}@container components (width<=500px){.plan-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.plan-toolbar-actions>[data-slot=button]{font-size:9px}.plan-toolbar-divider{margin-inline:1px}}@media (max-width:560px){.components-dialog.plan-asset-dialog{gap:14px;width:calc(100vw - 24px);max-height:calc(100svh - 28px);padding:20px 16px}.plan-asset-search{flex-wrap:wrap;gap:8px}.plan-asset-search>div:first-child{flex:100%}.plan-asset-search [data-slot=native-select-wrapper]{width:100%}.plan-asset-search [data-slot=input],.plan-asset-search [data-slot=native-select]{font-size:12px}.plan-asset-option[data-slot=button]{gap:10px;min-height:65px;padding:10px 8px}.plan-asset-option-copy>strong{font-size:12px}.plan-asset-picker-caption{gap:7px;font-size:8px}.plan-asset-picker-caption>span:last-child{gap:4px}.plan-asset-option-swatches{width:38px;height:34px}}.plan-node-footer .plan-output-status.is-shared{color:#8595ad}.plan-inheritance-state.is-shared{color:#8394ac;background:#f7f9fc;border-color:#e1e7f0}.plan-inheritance-state.is-shared p{color:#98a4b5}.plan-palette-foundation-note{color:#aa93ba;background:#fcf9fe;border:1px solid #ede3f3;border-radius:7px;margin:-4px 0 16px;padding:10px 11px;font-size:9px;line-height:1.75}.plan-artwork-foundation{color:#a088b0;align-items:center;gap:6px;margin-top:12px;font-size:9px;line-height:1.6;display:flex}.plan-artwork-foundation>svg{flex:none}:root{--ink:#1c1b26;--muted:#787681;--faint:#aaa6b0;--accent:#7c2cff;--accent-soft:#eee5ff;--line:#dfdce3;--workspace:#f8f6f5;--surface:#fff;--radius:12px;color:var(--ink);background:var(--workspace);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button,input{touch-action:manipulation}button{background:0 0;border:0}button,a,input,select,summary{outline:none}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible){outline:2px solid var(--accent);outline-offset:4px}button{transition:background .15s,color .15s,border-color .15s,box-shadow .15s}h1,h2,h3,p{margin:0}button svg{stroke-width:1.7px;flex-shrink:0}.app-header{z-index:2;background:#fff;border-bottom:1px solid #e9e6e9;align-items:center;gap:24px;height:72px;padding:0 28px;display:flex;position:relative}.brand{letter-spacing:-.7px;flex-shrink:0;align-items:center;gap:12px;font-size:23px;font-weight:650;display:flex}.brand-mark{width:49px;height:35px}.header-tagline{color:#686471;border-left:1px solid #d8d5dd;padding-left:25px;font-size:13px}.header-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.icon-button{width:36px;height:36px;color:var(--ink);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-button:hover{background:#f0edf3}.icon-button.small{width:28px;height:28px}.notification-dot{background:var(--accent);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:5px}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:9px 15px;font-size:13px;font-weight:500;line-height:1.35;display:inline-flex}.button-primary{color:#fff;background:#22212b;border-color:#22212b;box-shadow:0 2px 4px #211d2b0a}.button-primary:hover{background:#3a3548;border-color:#3a3548}.button-secondary{background:#fff;border-color:#cbc7d2}.button-secondary:hover{background:#faf8fd;border-color:#ada4bd}.export-button{height:42px;padding:10px 18px;font-size:14px}.studio-layout{grid-template-columns:minmax(0,1fr) clamp(335px,29vw,410px);min-height:calc(100svh - 72px);display:grid}.workspace{min-width:0;padding:30px 32px 23px}.workspace-heading{justify-content:space-between;align-items:center;margin-bottom:25px;padding:0 3px;display:flex}.workspace-heading h1{letter-spacing:-1.1px;font-size:33px;font-weight:650;line-height:1.25}.workspace-heading p{color:var(--muted);letter-spacing:-.1px;margin-top:4px;font-size:18px}.randomize-button{color:#8c8596;opacity:0}.workspace-heading:hover .randomize-button{opacity:1}.randomize-button:focus-visible{opacity:1}.preview-frame{background:#fff;border:1px solid #d4d0d8;border-radius:13px;overflow:hidden;box-shadow:0 2px 3px #24203002}.canvas-wrap{aspect-ratio:2;width:100%;transition:aspect-ratio .3s;position:relative;overflow:hidden}.aspect-hero .canvas-wrap{aspect-ratio:3}.aspect-square .canvas-wrap{aspect-ratio:1}.ribbon-canvas{touch-action:pan-y;width:100%;height:100%;display:block}.canvas-topbar{pointer-events:none;color:#383340;justify-content:space-between;align-items:center;display:flex;position:absolute;top:13px;left:21px;right:14px}.canvas-topbar .icon-button{pointer-events:auto;color:inherit}.canvas-topbar.on-dark{color:#eeebf5}.canvas-topbar.on-dark .icon-button:hover{background:#ffffff18}.preview-status{letter-spacing:.7px;align-items:center;gap:9px;font-size:10px;font-weight:500;display:flex}.status-dot{background:#56be68;border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 0 3px #54bd6810}.status-dot.paused{box-shadow:none;background:#b3aebc}.fps{opacity:0;letter-spacing:0;font-variant-numeric:tabular-nums;padding-left:5px;font-size:10px;transition:opacity .2s}.preview-frame:hover .fps{opacity:.55}.transport{border-top:1px solid var(--line);background:#fdfcfe;align-items:center;gap:22px;height:58px;padding:0 17px 0 23px;display:flex}.play-button{color:#fff;background:#51475f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.play-button:hover{background:var(--accent)}.play-button svg{stroke-width:1.4px;width:14px}.range{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range-progress),#dcd9df var(--range-progress),#dcd9df 100%);cursor:pointer;border-radius:20px;width:100%;min-width:0;height:4px;margin:0;display:block}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #a9a4b0;border-radius:50%;width:16px;height:16px;transition:box-shadow .15s;box-shadow:0 1px 2px #3e314b12}.range::-moz-range-thumb{background:#fff;border:1px solid #a9a4b0;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 2px #3e314b12}.range:hover::-webkit-slider-thumb{border-color:var(--accent);box-shadow:0 0 0 4px #7c2cff12}.range:focus-visible{outline-offset:7px}.timeline{flex:1}.timeline::-webkit-slider-thumb{width:17px;height:17px}.timecode{font-variant-numeric:tabular-nums;color:#66606e;text-align:center;min-width:31px;font-size:12px}.transport-divider{background:var(--line);width:1px;height:24px;margin-left:-7px;margin-right:-2px}.segmented{background:#fff;border:1px solid #d5d0dd;border-radius:7px;align-items:center;gap:2px;padding:2px;display:flex;overflow:hidden}.segmented button{white-space:nowrap;border-radius:5px;flex:1;min-height:30px;padding:4px 13px;font-size:12px}.segmented button:hover{background:#f6f3fa}.segmented button.active{background:var(--accent-soft);color:#4b178b;box-shadow:inset 0 0 0 1px #7c2cff10}.aspect-controls button{min-width:57px;min-height:26px;padding:4px 10px;font-size:11px}.preset-section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.preset-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px;display:grid}.preset-choice{text-align:center;min-width:0;font-size:12px;line-height:1.4}.preset-image{aspect-ratio:1.85;background:#fff;border:1px solid #d8d3dc;border-radius:9px;height:auto;transition:border-color .2s,box-shadow .2s;overflow:hidden}.preset-choice:hover .preset-image{border-color:#ab8fd0;box-shadow:0 3px 12px #31114a0c}.preset-choice.selected .preset-image{border:2px solid var(--accent);box-shadow:0 0 0 2px #7c2cff06}.preset-image canvas,.thumbnail-fallback{width:100%;height:100%;display:block}.preset-choice>span{color:#56505d;padding-top:6px;display:block}.preset-choice.selected>span{color:#3b1c5f;font-weight:550}.workspace-footer{color:#8c8592;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;font-size:11px;display:flex}kbd{font-family:inherit;font-size:inherit}.footer-dot{color:#aaa3b0;margin:0 7px}.current-preset{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;max-width:45%;display:flex;overflow:hidden}.tiny-dot{background:#a994bd;border-radius:50%;width:4px;height:4px}.inspector{background:#fff;border-left:1px solid #d9d5dd;flex-direction:column;min-width:0;padding:27px 26px 24px;display:flex}.inspector-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.inspector-title .icon-button{color:#595160}.inspector-tabs{border-bottom:1px solid var(--line);margin:0 -6px;display:flex}.inspector-tabs button{color:#686170;flex:1;padding:10px 9px 13px;font-size:13px;position:relative}.inspector-tabs button.active{color:#711dff;font-weight:600}.inspector-tabs button.active:after{content:"";background:var(--accent);border-radius:4px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.inspector-tabs button:hover{background:#fcfaff}.inspector-content{flex:1}.effect-treatments{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.effect-treatments button{color:#72518f;background:linear-gradient(150deg,#fcfaff,#f6f2fb);border:1px solid #e0d9e9;border-radius:8px;flex-direction:column;align-items:center;gap:8px;min-height:78px;padding:12px 5px;display:flex}.effect-treatments button:hover{color:#6023a8;background:#f2e9ff;border-color:#a478da}.effect-treatments strong{color:#554363;font-size:11px;font-weight:550}.effect-section-note{margin:9px 0 0}.effect-mask-mode{margin:0 0 8px}.effect-mask-mode button{padding:5px 8px;font-size:11px}.effect-text-controls{margin-top:16px}.effect-text-label{color:#51465c;flex-direction:column;gap:7px;font-size:11px;font-weight:500;display:flex}.effect-text-label textarea{resize:vertical;background:#fdfcfe;border:1px solid #dbd2e3;border-radius:7px;width:100%;min-height:66px;max-height:160px;padding:10px 12px;font-size:15px;line-height:1.4}.effect-text-label>span{color:#93859e;text-align:right;font-size:10px;font-weight:400}.effect-type-row{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 10px;display:grid}.effect-type-row label{color:#8d7e98;flex-direction:column;gap:5px;font-size:10px;display:flex}.effect-type-row select{color:#51465c;background:#fff;border:1px solid #ddd5e5;border-radius:6px;width:100%;min-width:0;padding:7px 8px;font-size:12px}.effect-details{border-top:1px solid #eee8f3;margin:9px 0 0}.effect-details summary{cursor:pointer;color:#7e6c8e;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;font-size:11px;list-style:none;display:flex}.effect-details summary::-webkit-details-marker{display:none}.effect-details[open] summary svg{transform:rotate(180deg)}.effect-placement-row{color:#51465c;align-items:center;gap:14px;margin:14px 0;font-size:11px;display:flex}.effect-placement-row>span{margin-right:auto}.effect-position-grid{grid-template-columns:repeat(3,17px);gap:3px;display:grid}.effect-position-grid button{border:1px solid #ddd3e6;border-radius:3px;place-items:center;width:17px;height:17px;display:grid}.effect-position-grid button span{background:#baadc5;border-radius:1px;width:3px;height:3px}.effect-position-grid button:hover,.effect-position-grid button.active{background:#ede2fc;border-color:#ad80e0}.effect-position-grid button.active span{background:#7c2cff}.effect-align button{place-items:center;min-height:28px;padding:5px 7px;display:grid}.oscillation-control{border-top:1px solid #eee8f3;border-bottom:1px solid #eee8f3;margin:10px 0 16px;padding:9px 0 5px}.oscillation-shortcuts{justify-content:flex-end;gap:6px;margin:3px 0 10px;display:flex}.oscillation-shortcuts button{color:#8b749c;border:1px solid #e3daeb;border-radius:5px;padding:4px 9px;font-size:10px}.oscillation-shortcuts button.active{color:#6a2aa8;background:#f0e6ff;border-color:#d6bbed}@media (min-width:1001px){.inspector{align-self:start;height:calc(100svh - 72px);position:sticky;top:0;overflow:hidden}.inspector-title,.inspector-tabs,.inspector-footer{flex-shrink:0}.inspector-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8cce4 transparent;min-height:0;margin:0 -12px;padding:0 12px;overflow-y:auto}}.control-section{border-bottom:1px solid var(--line);padding:21px 0 22px}.control-section:last-child{border-bottom:0}.section-heading{justify-content:space-between;align-items:center;min-height:26px;margin-bottom:12px;display:flex}.section-heading h3{letter-spacing:-.25px;font-size:17px;font-weight:600;line-height:1.35}.mode-switch{margin:13px 0 18px}.slider-control{grid-template-columns:85px minmax(40px,1fr) 40px;align-items:center;column-gap:14px;min-height:37px;display:grid}.slider-control>label{white-space:nowrap;color:#38303f;font-size:12px}.number-value{font-variant-numeric:tabular-nums;text-align:right;-webkit-appearance:textfield;appearance:textfield;color:#766d80;background:0 0;border:1px solid #0000;border-radius:4px;width:43px;min-width:0;padding:4px 2px 4px 0;font-size:11px}.number-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-control{justify-content:flex-end;align-items:center;min-width:0;display:flex}.number-control .number-value{width:100%;min-width:0}.number-suffix{color:#8d8197;flex-shrink:0;padding-left:1px;font-size:10px}.number-value:hover,.number-value:focus{background:#faf8fc;border-color:#e4daef}.text-button{color:#8f829d;align-items:center;gap:5px;padding:3px 0;font-size:10px;display:flex}.text-button:hover{color:var(--accent)}.advanced-button{margin-top:8px}.rotate-180{transform:rotate(180deg)}.palette-swatches{align-items:center;gap:13px;margin-top:9px;display:flex}.palette-swatch{cursor:pointer;border-radius:50%;width:32px;height:32px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000009,inset 0 2px 3px #ffffff40}.palette-swatch:focus-within{outline:2px solid var(--accent);outline-offset:3px}.palette-swatch input,.color-well input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0}.inspector-footer{align-items:center;gap:14px;margin-top:10px;padding-top:22px;display:flex}.inspector-footer .button{min-height:36px;padding:8px 12px;font-size:12px}.inspector-footer small{color:#948999;white-space:nowrap;font-size:10px}.control-description{color:#9a8e9e;margin:4px 0 14px;font-size:11px;line-height:1.7}.palette-gradient{border-radius:7px;height:30px;margin:6px 0 12px}.color-field{grid-template-columns:26px 1fr 83px;align-items:center;gap:10px;min-height:43px;font-size:12px;display:grid}.color-well{border:1px solid #00000012;border-radius:50%;width:24px;height:24px;display:block;overflow:hidden}.hex-input{letter-spacing:.5px;text-transform:uppercase;color:#746a7d;background:#fdfcfe;border:1px solid #e9e3ec;border-radius:5px;width:83px;padding:7px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.background-options{gap:7px;margin:12px 0 19px;display:flex}.background-options button{border:1px solid #e8e0ed;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.background-options button.active{background:#fbf8ff;border-color:#aa79e3}.background-options button span{border:1px solid #00000016;border-radius:50%;width:12px;height:12px;display:block}.select-row{justify-content:space-between;align-items:center;gap:10px;margin:13px 0;font-size:12px;display:flex}select{-webkit-appearance:auto;appearance:auto;background:#fff;border:1px solid #dad2e0;border-radius:6px;max-width:100%;padding:7px 9px;font-size:11px}.compact button{min-height:25px;padding:3px 10px;font-size:10px}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;margin:18px 0;font-size:12px;display:flex;position:relative}.toggle-row>span:first-child{flex:1}.toggle-row small{color:#9a8e9e;margin-top:4px;font-size:10px;display:block}.toggle-input{opacity:0;width:34px;height:20px;position:absolute;right:0}.toggle{background:#ded8e4;border-radius:12px;width:32px;height:19px;padding:2px;transition:background .2s;display:block}.toggle:before{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .2s;display:block;box-shadow:0 1px 3px #30184020}.toggle-input:checked+.toggle{background:var(--accent)}.toggle-input:checked+.toggle:before{transform:translate(13px)}.toggle-input:focus-visible+.toggle{outline:2px solid var(--accent);outline-offset:3px}.full-width{width:100%}.modal{color:var(--ink);background:#fff;border:1px solid #e1d9e8;border-radius:16px;width:min(450px,100vw - 32px);max-height:calc(100svh - 48px);margin:auto;padding:27px;overflow:auto;box-shadow:0 25px 100px #30213a22}.modal-wide{width:min(590px,100vw - 32px)}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#211b384a}.modal-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;display:flex}.modal-heading h2{letter-spacing:-.5px;font-size:22px;font-weight:620}.modal-heading .icon-button{margin-right:-7px}.modal-description{color:#8c7f98;margin-bottom:22px;font-size:12px;line-height:1.7}.form-label{flex-direction:column;gap:8px;margin:20px 0;font-size:12px;font-weight:500;display:flex}.form-label input,.form-label select{background:#fff;border:1px solid #dbd2e3;border-radius:7px;width:100%;padding:10px 12px;font-size:13px}.button-row{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.form-error{color:#b63855;background:#fff1f3;border-radius:7px;margin:12px 0;padding:10px 12px;font-size:12px}.modal-footnote{color:#9e92aa;margin-top:20px;font-size:10px;line-height:1.7}.dialog-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:23px;display:grid;overflow:visible}.dialog-tabs button{color:#8b7f96;white-space:nowrap;border-bottom:2px solid #0000;min-width:0;margin-bottom:0;padding:10px 3px;font-size:11px}.dialog-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.export-heading{align-items:flex-start;gap:13px;margin-bottom:20px;display:flex}.export-heading>svg{color:#a580d5;margin-top:3px}.export-heading h3{margin-bottom:3px;font-size:16px;font-weight:550}.export-heading p{color:#8f809b;font-size:11px}.export-dimensions{color:#9b8ba8;text-align:center;font-variant-numeric:tabular-nums;padding:9px 0 19px;font-size:11px}.export-note{color:#8b7d96;padding:4px 0 18px;font-size:12px;line-height:1.8}.export-note p{margin-bottom:15px}.code-preview{color:#65517c;white-space:pre;background:#f7f4fa;border:1px solid #eae2f1;border-radius:8px;max-height:310px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.75;overflow:auto}.empty-state{text-align:center;color:#a99bb7;padding:36px 10px 19px}.empty-state>svg{stroke-width:1.25px;color:#b3a1c6;margin:auto auto 14px}.empty-state h3{color:#6e5c81;margin-bottom:5px;font-size:15px;font-weight:500}.empty-state p{font-size:12px;line-height:1.8}.saved-presets{margin-top:15px}.saved-preset-row{border-top:1px solid #ece6f0;align-items:center;padding:9px 0;display:flex}.saved-preset-open{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:6px 0;display:flex}.saved-palette{border-radius:6px;flex-shrink:0;width:46px;height:34px;display:block}.saved-preset-open>span:last-child{flex-direction:column;min-width:0;display:flex}.saved-preset-open strong{text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.saved-preset-open small{color:#a08eae;font-size:10px}.saved-preset-row .icon-button{color:#9f8cad}.settings-shortcuts{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.settings-shortcuts h3{margin-bottom:13px;font-size:14px;font-weight:550}.settings-shortcuts p{color:#8f7e9e;justify-content:space-between;align-items:center;margin:10px 0;font-size:12px;display:flex}.settings-shortcuts kbd{background:#faf7fc;border:1px solid #e5dceb;border-radius:4px;padding:2px 7px;font-size:10px}.toast{z-index:100;color:#fff;background:#292130;border:1px solid #ffffff15;border-radius:10px;align-items:center;gap:9px;max-width:calc(100vw - 32px);padding:12px 18px;font-size:12px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:27px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #24172e2b}.toast svg{color:#b4f2c6;flex-shrink:0}.canvas-error{text-align:center;background:#faf8fdf5;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:45px;display:flex;position:absolute;inset:0}.canvas-error>svg{color:#a075ca}.canvas-error h3{font-size:18px;font-weight:550}.canvas-error p{color:#8b779b;max-width:390px;font-size:12px}.canvas-error .button{margin-top:6px}.preview-frame:-webkit-full-screen{border:0;border-radius:0;flex-direction:column;width:100vw;height:100vh;display:flex}.preview-frame:fullscreen{border:0;border-radius:0;flex-direction:column;width:100vw;height:100vh;display:flex}.preview-frame:-webkit-full-screen .canvas-wrap{aspect-ratio:auto;flex:1;min-height:0;max-height:none}.preview-frame:fullscreen .canvas-wrap{aspect-ratio:auto;flex:1;min-height:0;max-height:none}.preview-frame:-webkit-full-screen .transport{flex-shrink:0}.preview-frame:fullscreen .transport{flex-shrink:0}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;bottom:20px}to{opacity:1;bottom:27px}}@media (min-width:1600px){.workspace{padding:40px 42px 30px}.workspace-heading{margin-bottom:31px}.workspace-heading h1{font-size:37px}.preset-section{margin-top:33px}.inspector{padding-top:35px}.slider-control{min-height:42px}.control-section{padding:25px 0}}@media (max-width:1200px){.studio-layout{grid-template-columns:minmax(0,1fr) 330px}.workspace{padding:26px 24px 22px}.inspector{padding:25px 21px 22px}.workspace-heading h1{font-size:29px}.workspace-heading p{font-size:16px}.preset-strip{gap:18px 12px}.preset-section-heading>span{display:none}.transport{gap:16px;padding:0 13px}.transport-divider{display:none}.aspect-controls button{min-width:43px;padding:4px 8px}.header-tagline{font-size:12px}.inspector-footer{gap:9px}.inspector-footer small{font-size:9px}.slider-control{grid-template-columns:77px minmax(25px,1fr) 34px;column-gap:10px}.number-value{width:38px}.inspector-title h2{font-size:24px}}@media (max-width:980px){.header-tagline{display:none}.app-header{padding:0 22px}.studio-layout{grid-template-columns:minmax(0,1fr) 305px}.workspace{padding:24px 20px}.inspector{padding:24px 19px}.workspace-heading h1{font-size:26px}.workspace-heading p{font-size:14px}.canvas-wrap{aspect-ratio:2}.preset-strip{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}.transport{flex-wrap:wrap;gap:12px;height:87px;padding:10px 14px}.aspect-controls{margin-left:auto}.transport .timeline{width:calc(100% - 100px)}.transport .timecode{margin-left:0}.preset-section h2{font-size:19px}.inspector-footer{flex-wrap:wrap}.inspector-footer small{font-size:10px}.inspector-title h2{font-size:22px}.color-field{grid-template-columns:23px 1fr 77px;gap:8px}.hex-input{width:77px}.workspace-footer{font-size:10px}.current-preset{display:none}}@media (max-width:760px){.app-header{gap:12px;height:63px;padding:0 17px}.brand{letter-spacing:-.5px;gap:7px;font-size:19px}.brand-mark{width:36px;height:28px}.header-actions{gap:7px}.header-actions .icon-button{width:29px;height:32px}.header-actions .icon-button:nth-child(2){display:none}.header-actions svg{width:18px}.export-button{gap:6px;height:34px;min-height:34px;padding:8px 11px;font-size:12px}.studio-layout{display:block}.workspace{padding:24px 18px 21px}.workspace-heading{margin-bottom:21px}.workspace-heading h1{letter-spacing:-.85px;font-size:28px}.workspace-heading p{font-size:15px}.randomize-button{opacity:.7}.canvas-wrap{aspect-ratio:2}.aspect-hero .canvas-wrap{aspect-ratio:3}.aspect-square .canvas-wrap{aspect-ratio:1}.canvas-topbar{top:8px;left:13px;right:7px}.preview-status{gap:7px;font-size:9px}.fps{display:none}.transport{flex-wrap:nowrap;gap:12px;height:53px;padding:0 12px}.play-button{width:28px;height:28px}.transport .timeline{width:auto}.timecode{min-width:26px;font-size:10px}.aspect-controls button{min-width:32px;min-height:23px;padding:3px 6px;font-size:9px}.segmented{padding:2px}.preset-section{margin-top:24px}.preset-section h2{font-size:20px}.preset-section-heading{margin-bottom:13px}.preset-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin:0;padding:0;display:grid}.preset-image{aspect-ratio:1.65}.preset-choice>span{font-size:11px}.workspace-footer{margin-top:13px}.inspector{border-top:1px solid #ddd4e4;border-left:0;padding:23px 24px}.inspector-title{margin-bottom:12px}.inspector-title h2{font-size:23px}.inspector-tabs{max-width:none}.slider-control{grid-template-columns:92px minmax(40px,1fr) 38px;gap:18px;min-height:43px}.slider-control>label{font-size:13px}.number-value{font-size:12px}.control-section{padding:21px 0}.mode-switch{margin-bottom:15px}.mode-switch button{font-size:12px}.inspector-footer{gap:15px;padding-top:16px}.inspector-footer small{font-size:11px}.palette-swatch{width:35px;height:35px}.palette-swatches{gap:16px}.section-heading h3{font-size:17px}.text-button{font-size:11px}.control-description{font-size:12px}.current-preset{display:flex}.workspace-footer{font-size:10px}.color-field{grid-template-columns:28px 1fr 90px;font-size:13px}.hex-input{width:90px;font-size:11px}.modal{padding:22px}.modal-heading h2{font-size:20px}.canvas-error{gap:7px;padding:25px 18px}.canvas-error h3{font-size:15px}.canvas-error p{font-size:10px}.canvas-error .button{min-height:30px;font-size:11px}.preview-frame:-webkit-full-screen .transport{height:60px}.preview-frame:fullscreen .transport{height:60px}}@media (max-width:390px){.app-header{padding:0 12px}.brand{font-size:17px}.brand-mark{width:30px}.header-actions{gap:4px}.header-actions .icon-button{width:27px}.export-button{padding:8px 9px}.transport{gap:9px}.aspect-controls button{min-width:29px;padding:3px 4px}.workspace{padding-left:15px;padding-right:15px}.workspace-heading h1{font-size:26px}.modal-heading h2{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--muted:#77717c;--line:#e6e1e7;--workspace:#f7f5f3;--accent:#7733d9;--accent-soft:#eee7f8}button:disabled{cursor:not-allowed;opacity:.3}.app-header{height:66px}.studio-layout{min-height:calc(100svh - 66px)}.workspace{padding-top:28px}.workspace-heading{align-items:flex-start;gap:20px;margin-bottom:24px}.workspace-eyebrow{color:#8e8195;letter-spacing:1.5px;align-items:center;gap:9px;margin-bottom:8px;font-size:9px;font-weight:600;display:flex}.workspace-eyebrow span{color:#c6bdcc}.study-title{align-items:center;gap:12px;display:flex}.workspace-heading h1{letter-spacing:-1.1px;font-size:31px;font-weight:570}.workspace-heading p{color:#807785;max-width:510px;margin-top:7px;font-size:12px;line-height:1.65}.edited-badge{color:#8b7197;letter-spacing:.2px;background:#fff8;border:1px solid #ddd4e3;border-radius:4px;padding:2px 6px;font-size:9px}.editing-actions{align-items:center;gap:12px;margin-top:20px;display:flex}.history-actions{gap:1px;display:flex}.history-actions .icon-button{color:#807388;width:31px;height:31px}.variation-button{background:#fff9;border:1px solid #dcd4df;gap:7px;min-height:32px;padding:6px 10px;font-size:11px}.variation-button:hover{background:#fff;border-color:#bda9ce}.preview-viewbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.preview-view-switch{background:#e9e5e9;border:0;padding:3px}.preview-view-switch button{color:#8c7f95;justify-content:center;align-items:center;gap:7px;min-height:28px;padding:5px 11px;font-size:11px;display:flex}.preview-view-switch button.active{color:#42394c;background:#fff;box-shadow:0 1px 3px #33223c0c}.preview-context-hint{color:#a093a7;font-size:10px}.preview-frame{border-color:#dcd6df;border-radius:10px;box-shadow:0 5px 26px #23162e03}.canvas-wrap{aspect-ratio:var(--preview-ratio);transition:none;container-type:inline-size}.canvas-topbar{top:12px;left:17px;right:12px}.preview-status{letter-spacing:.8px;color:inherit;opacity:.68;gap:7px;font-size:9px}.status-dot{width:6px;height:6px;box-shadow:none;background:#8d77a6}.renderer-note{letter-spacing:0;opacity:.8;font-size:9px}.transport{background:#ffffffbf;gap:17px;height:54px;padding-left:17px}.play-button{background:#5b4a69;width:29px;height:29px}.ratio-label{opacity:.5;margin-left:6px;font-size:8px}.aspect-controls button{min-width:61px;padding:3px 7px;font-size:10px}.preset-section{margin-top:25px}.preset-section h2{letter-spacing:-.3px;font-size:17px;font-weight:560}.preset-section-heading{margin-bottom:10px}.preset-section-heading>span{color:#9a8d9f;font-size:10px}.keep-palette{color:#97869f;cursor:pointer;align-items:center;gap:6px;min-height:28px;font-size:10px;display:flex}.keep-palette input{accent-color:var(--accent);width:12px;height:12px;margin:0}.preset-filters{align-items:center;gap:5px;margin-bottom:17px;display:flex}.preset-filters button{color:#807487;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:5px 10px;font-size:11px;display:inline-flex}.preset-filters button>span{font-variant-numeric:tabular-nums;opacity:.7;min-width:10px;font-size:9px}.preset-filters button:hover{color:#50425e;background:#eee8f1}.preset-filters button.active{color:#592689;background:#eee7f5;border-color:#e4d9ed}.preset-image{aspect-ratio:2;border-color:#e0d9e3;border-radius:7px}.preset-choice.selected .preset-image{border-width:1px;box-shadow:0 0 0 2px #7c2cff15}.preset-choice{border-radius:7px;padding:0}.preset-choice>span{padding-top:9px;font-size:12px}.preset-choice>span small{color:#8b7e96;margin-top:3px;font-size:10px;font-weight:400;display:block}.workspace-footer{color:#a094a7;margin-top:24px;font-size:10px}.inspector{border-color:#e1dbe5;padding-top:28px}.inspector-title h2{letter-spacing:-.6px;font-size:21px;font-weight:550}.control-description{color:#93839e}.website-tools{background:#fffb;border:1px solid #e5dfe8;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px;padding:9px 12px;display:flex}.website-layout-control{color:#8d7b99;align-items:center;gap:10px;font-size:10px;display:flex}.composition-button{color:#8d7b99;background:#fff;border:1px solid #e3d9e9;border-radius:5px;padding:5px 8px;font-size:10px}.composition-button:hover,.composition-button.active{color:#6f408c;background:#f2ebf8;border-color:#d3bcdf}.sample-copy{color:#8d7b99;font-size:10px;position:relative}.sample-copy>summary{cursor:pointer;align-items:center;gap:5px;list-style:none;display:flex}.sample-copy>summary::-webkit-details-marker{display:none}.sample-copy>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sample-copy-fields{z-index:5;background:#fff;border:1px solid #e2d8e9;border-radius:9px;width:310px;padding:17px;position:absolute;top:29px;right:0;box-shadow:0 12px 40px #23152d14}.sample-copy-fields label{color:#75617f;flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.sample-copy-fields input{border:1px solid #e5dbe9;border-radius:5px;width:100%;padding:8px;font-size:11px}.sample-copy-fields p{color:#a394ab;font-size:10px;line-height:1.6}.website-overlay{pointer-events:none;color:#25202d;position:absolute;inset:0}.website-overlay.on-dark{color:#f7f1ff}.sample-nav{justify-content:space-between;align-items:center;display:flex;position:absolute;top:7%;left:5%;right:6%}.sample-brand{letter-spacing:-.05em;align-items:center;gap:6px;font-size:1.7cqw;font-weight:600;display:flex}.sample-brand-symbol{background:currentColor;border-radius:45% 45% 12%;width:1.3cqw;min-width:5px;height:1.3cqw;min-height:5px;display:block;transform:rotate(-25deg)}.sample-nav>div{opacity:.7;align-items:center;gap:2.5cqw;font-size:1cqw;display:flex}.sample-nav-contact{align-items:center;gap:5px;display:flex}.sample-hero-copy{text-align:center;position:absolute;top:20%;left:17%;right:17%}.sample-eyebrow{letter-spacing:.2em;opacity:.54;margin-bottom:1.3cqw;font-size:.75cqw;font-weight:600;display:block}.sample-hero-copy h2{letter-spacing:-.055em;text-wrap:balance;font-size:4.3cqw;font-weight:560;line-height:1.08}.sample-hero-copy p{opacity:.62;margin:1.15cqw 0 1.6cqw;font-size:1.12cqw}.sample-cta{opacity:.75;border:1px solid;border-radius:30px;justify-content:center;align-items:center;gap:1cqw;padding:.7cqw 1.3cqw;font-size:.9cqw;display:inline-flex}.sample-caption{opacity:.32;font-size:.8cqw;position:absolute;bottom:5%;right:4%}.website-left .sample-hero-copy{text-align:left;top:20%;left:6%;right:56%}.website-left .sample-hero-copy h2{font-size:4.6cqw}.website-left .sample-hero-copy p{max-width:90%}.website-view .preview-status{visibility:hidden}.website-view .canvas-topbar{z-index:2}.website-view .canvas-topbar .icon-button{opacity:.5;width:26px;height:26px}.website-view .canvas-topbar .icon-button svg{width:15px}.website-preview-note{color:#9e8da9;padding:11px 2px 0;font-size:10px;line-height:1.6}.aspect-hero .sample-hero-copy{top:26%;left:21%;right:21%}.aspect-hero .sample-eyebrow{display:none}.aspect-hero .sample-hero-copy h2{font-size:3.6cqw}.aspect-hero .sample-cta{display:none}.aspect-hero .website-left .sample-hero-copy{left:6%;right:55%}.aspect-square .sample-hero-copy{top:20%;left:12%;right:12%}.aspect-square .sample-hero-copy h2{font-size:7cqw}.aspect-square .sample-hero-copy p{margin-top:2cqw;font-size:2cqw}.aspect-square .sample-eyebrow{font-size:1.2cqw}.aspect-square .sample-cta{margin-top:1.6cqw;padding:1.4cqw 2.3cqw;font-size:1.5cqw}.aspect-square .website-left .sample-hero-copy{top:23%;left:8%;right:35%}.aspect-square .sample-nav{top:6%;left:8%;right:8%}.aspect-square .sample-brand{font-size:2.8cqw}.aspect-square .sample-nav>div{font-size:1.8cqw}.preview-frame:-webkit-full-screen{background:var(--preview-background);justify-content:center;align-items:center;display:flex}.preview-frame:fullscreen{background:var(--preview-background);justify-content:center;align-items:center;display:flex}.preview-frame:-webkit-full-screen .canvas-wrap{width:min(100vw,calc((100svh - 60px)*var(--preview-ratio)));height:auto;aspect-ratio:var(--preview-ratio);flex:none;margin:auto}.preview-frame:fullscreen .canvas-wrap{width:min(100vw,calc((100svh - 60px)*var(--preview-ratio)));height:auto;aspect-ratio:var(--preview-ratio);flex:none;margin:auto}.preview-frame:-webkit-full-screen .transport{flex-shrink:0;width:100%;height:60px}.preview-frame:fullscreen .transport{flex-shrink:0;width:100%;height:60px}.slider-control{grid-template-columns:99px minmax(32px,1fr) 42px;column-gap:12px}.slider-control>label{font-size:11px}.number-value{width:45px}.number-value[aria-invalid=true]{background:#fff6f8;border-color:#c16a85}.control-input-error{color:#b24c6d;grid-column:1/-1;margin:3px 0 7px;font-size:10px;line-height:1.5}.section-heading .advanced-button{margin-top:0}.material-description{margin-bottom:14px}.palette-caption{margin-top:10px;margin-bottom:0;font-size:10px}.reverse-swatch{outline-offset:4px;outline:1px solid #e1d6e6;margin-left:4px}.advanced-controls .slider-control{min-height:36px}.workspace-heading p,.control-description,.preview-context-hint,.website-preview-note,.sample-copy,.website-layout-control,.keep-palette{color:#766d80}.control-description{font-size:11px}.slider-control .range{background:0 0;height:28px}.slider-control .range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range-progress),#dcd9df var(--range-progress),#dcd9df 100%);border-radius:20px;height:4px}.slider-control .range::-webkit-slider-thumb{margin-top:-6px}.slider-control .range::-moz-range-track{background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range-progress),#dcd9df var(--range-progress),#dcd9df 100%);border-radius:20px;height:4px}.sample-copy-fields p{color:#766d80}.preview-frame.is-fullscreen{z-index:50;background:var(--preview-background);border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100svh;display:flex;position:fixed;inset:0}.preview-frame.is-fullscreen .canvas-wrap{width:min(100vw,calc((100svh - 60px)*var(--preview-ratio)));height:auto;aspect-ratio:var(--preview-ratio);flex:none;margin:auto}.preview-frame.is-fullscreen .transport{flex-shrink:0;width:100%;height:60px}@media (min-width:1600px){.workspace{padding:34px 42px 30px}.workspace-heading h1{font-size:35px}.workspace-heading p{font-size:13px}.preset-section h2{font-size:19px}}@media (max-width:1200px){.editing-actions{gap:6px}.variation-button{padding:6px 8px}.workspace-heading{gap:14px}.workspace-heading p{max-width:355px}.ratio-label{display:none}.aspect-controls button{min-width:44px}.preset-choice>span small{font-size:9px}}@media (max-width:980px){.workspace-heading{flex-wrap:wrap;gap:11px}.editing-actions{margin-top:0}.workspace-heading p{max-width:100%}.preview-context-hint{display:none}.preset-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.preset-image{aspect-ratio:2}.preset-choice>span small{font-size:9px}.transport{gap:13px;height:81px}}@media (max-width:760px){.workspace{padding-top:23px}.workspace-heading{flex-wrap:nowrap;gap:9px;margin-bottom:19px}.workspace-heading h1{font-size:28px}.workspace-heading p{max-width:250px;font-size:11px}.workspace-eyebrow{margin-bottom:7px;font-size:8px}.editing-actions{flex-direction:column;gap:5px;margin-top:18px}.history-actions .icon-button{width:27px;height:27px}.variation-button{gap:5px;min-height:29px;font-size:10px}.variation-button svg{width:12px}.preview-viewbar{margin-bottom:10px}.preview-view-switch button{font-size:10px}.preset-strip{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preset-image{aspect-ratio:2}.preset-filters{margin-bottom:15px}.preset-filters button{min-height:36px}.preset-choice>span small{font-size:9px}.transport{flex-wrap:nowrap;gap:11px;height:52px;padding:0 12px}.aspect-controls button{min-width:31px;padding:3px 5px;font-size:9px}.preview-status,.renderer-note{font-size:8px}.workspace-footer{margin-top:18px;font-size:9px}.current-preset{max-width:43%}.inspector{padding-top:25px}.website-tools{padding:8px 10px}.website-preview-note{font-size:9px}.sample-copy-fields{width:min(295px,100vw - 60px)}.sample-brand{font-size:2.2cqw}.sample-nav>div{font-size:1.6cqw}.sample-eyebrow{font-size:1.1cqw}.sample-hero-copy h2{font-size:5.1cqw}.sample-hero-copy p{font-size:1.6cqw}.sample-cta{font-size:1.3cqw}.sample-caption{font-size:1.2cqw}.aspect-hero .sample-hero-copy h2{font-size:4.2cqw}.aspect-hero .sample-hero-copy p{font-size:1.5cqw}}@media (max-width:390px){.preset-filters{gap:3px}.preset-filters button{gap:5px;padding-inline:8px}}.inspector-scope{flex-shrink:0;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:3px;margin-bottom:15px;display:grid}.inspector-scope button{flex:1;grid-column:span 3;min-width:0;min-height:33px;padding:6px 5px;font-size:10.5px}.inspector-scope button:nth-child(n+5){grid-column:span 4}.preview-width{width:100%;min-width:0}.artwork-page,.artwork-layer{position:absolute;inset:0}.website-preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.website-viewport-controls button{justify-content:center;align-items:center;gap:6px;min-height:30px;padding:5px 9px;font-size:11px;display:flex}.website-preview-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.website-preview-actions .button{gap:6px;min-height:35px;padding:7px 10px;font-size:11px}.website-view.preview-frame{background:#eae7ec}.website-view .website-preview-width{margin:0 auto}.website-view .viewport-tablet{max-width:768px}.website-view .viewport-mobile{max-width:390px}.website-view .canvas-wrap{overflow:visible;aspect-ratio:auto!important}.website-view .canvas-topbar{z-index:3;inset:auto 10px 12px auto}.website-view .canvas-topbar .preview-status{display:none}.website-view .canvas-topbar .icon-button{opacity:.7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#29212f;background:#fff9;border-radius:50%}.website-transport-label{color:#857b90;white-space:nowrap;font-size:10px}.website-preview-note{overflow-wrap:anywhere}.export-scope-note{margin:-7px 0 20px}.preview-frame.is-fullscreen .preview-width{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.preview-frame.is-fullscreen.website-view .website-preview-width{display:block}.preview-frame.is-fullscreen.website-view .canvas-wrap{aspect-ratio:auto;width:100%;height:auto;max-height:none}.preview-frame.is-fullscreen.website-view .transport{width:100%}@media (max-width:760px){.website-preview-toolbar{gap:8px}.website-preview-actions{gap:5px}.website-preview-actions .button{padding:6px 8px;font-size:10px}.website-viewport-controls button{padding:5px 7px}.website-viewport-controls button span{display:none}.website-transport-label{font-size:9px}.dialog-tabs button{padding:10px 4px;font-size:11px}}.inspector-scope-panel{flex-direction:column;flex:1;min-height:0;display:flex}.inspector-scope-panel[hidden]{display: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-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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@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}@keyframes pulse{50%{opacity:.5}}