@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:"Geist Variable", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--tracking-widest:.1em;--leading-snug:1.375;--radius-md:calc(var(--radius) * .8);--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);--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist Variable", sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--foreground)}html{font-family:Geist Variable,sans-serif}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-3{top:calc(var(--spacing) * 3)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-50{z-index:50}.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 (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:var(--spacing)}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.field-sizing-content{field-sizing:content}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.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-full{width:100%;height:100%}.h-\(--radix-accordion-content-height\){height:var(--radix-accordion-content-height)}.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-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-px{height:1px}.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)}.min-h-0{min-height:0}.min-h-16{min-height:calc(var(--spacing) * 16)}.w-\(--radix-dropdown-menu-trigger-width\){width:var(--radix-dropdown-menu-trigger-width)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-\[96px\]{min-width:96px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-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)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.touch-none{touch-action:none}.resize{resize:both}.scroll-my-1{scroll-margin-block:var(--spacing)}.auto-rows-min{grid-auto-rows:min-content}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.place-content-center{place-content:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-\(--card-spacing\){gap:var(--card-spacing)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[--spacing\(var\(--gap\)\)\]{gap:calc(var(--spacing) * var(--gap))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-4xl{border-radius:calc(var(--radius) * 2.6)}.rounded-\[4px\]{border-radius:4px}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.rounded-t-xl{border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}.rounded-b-xl{border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-ring{border-color:var(--ring)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-muted,.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{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-clip-padding{background-clip:padding-box}.p-\(--card-spacing\){padding:var(--card-spacing)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-px{padding:1px}.px-\(--card-spacing\){padding-inline:var(--card-spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-\(--card-spacing\){padding-block:var(--card-spacing)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.pt-0{padding-top:0}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-left{text-align:left}.font-heading{font-family:var(--font-sans)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.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-input{color:var(--input)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.underline-offset-4{text-underline-offset:4px}.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-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\/reflection{--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)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.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-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--card-spacing\:--spacing\(4\)\]{--card-spacing:calc(var(--spacing) * 4)}.fade-in{--tw-enter-opacity:0}.fade-out{--tw-exit-opacity:0}.paused{animation-play-state:paused}.running{animation-play-state:running}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}.not-last\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *){color:var(--accent-foreground)}.group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *){opacity:.5}.group-aria-expanded\/accordion-trigger\:hidden:is(:where(.group\/accordion-trigger)[aria-expanded=true] *){display:none}.group-aria-expanded\/accordion-trigger\:inline:is(:where(.group\/accordion-trigger)[aria-expanded=true] *){display:inline}.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] *){opacity:.5}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.group-data-\[spacing\=0\]\/toggle-group\:rounded-none:is(:where(.group\/toggle-group)[data-spacing="0"] *){border-radius:0}.group-data-\[spacing\=0\]\/toggle-group\:px-2:is(:where(.group\/toggle-group)[data-spacing="0"] *){padding-inline:calc(var(--spacing) * 2)}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs):where([data-orientation=horizontal]) *){height:calc(var(--spacing) * 8)}.group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation=vertical]) *){height:fit-content}.group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs):where([data-orientation=vertical]) *){width:100%}.group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation=vertical]) *){flex-direction:column}.group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation=vertical]) *){justify-content:flex-start}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -3)}.after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}.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-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);inset-inline:0}.group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);bottom:-5px}.group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);inset-block:0}.group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}@media (hover:hover){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-3:hover{--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\:z-10:focus{z-index:10}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus,:is(.focus\:\*\*\:text-accent-foreground:focus *),:is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--accent-foreground)}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.focus-visible\:after\:border-ring:focus-visible:after{content:var(--tw-content);border-color:var(--ring)}.active\:ring-3:active{--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)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-data-\[icon\=inline-end\]\:pr-1:has([data-icon=inline-end]){padding-right:var(--spacing)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-end\]\:pr-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-1:has([data-icon=inline-start]){padding-left:var(--spacing)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-start\]\:pl-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:0}.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot=kbd]){padding-right:calc(var(--spacing) * 1.5)}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:0}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[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)}.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-invalid\:aria-checked\:border-primary[aria-invalid=true][aria-checked=true]{border-color:var(--primary)}.aria-pressed\:bg-muted[aria-pressed=true]{background-color:var(--muted)}.data-inset\:pl-7[data-inset]{padding-left:calc(var(--spacing) * 7)}.data-placeholder\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.data-\[position\=popper\]\:h-\(--radix-select-trigger-height\)[data-position=popper]{height:var(--radix-select-trigger-height)}.data-\[position\=popper\]\:w-full[data-position=popper]{width:100%}.data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\)[data-position=popper]{min-width:var(--radix-select-trigger-width)}.data-\[side\=bottom\]\:inset-x-0[data-side=bottom]{inset-inline:0}.data-\[side\=bottom\]\:bottom-0[data-side=bottom]{bottom:0}.data-\[side\=bottom\]\:h-auto[data-side=bottom]{height:auto}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:border-t[data-side=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:inset-y-0[data-side=left]{inset-block:0}.data-\[side\=left\]\:left-0[data-side=left]{left:0}.data-\[side\=left\]\:h-full[data-side=left]{height:100%}.data-\[side\=left\]\:w-3\/4[data-side=left]{width:75%}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:border-r[data-side=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:inset-y-0[data-side=right]{inset-block:0}.data-\[side\=right\]\:right-0[data-side=right]{right:0}.data-\[side\=right\]\:h-full[data-side=right]{height:100%}.data-\[side\=right\]\:w-3\/4[data-side=right]{width:75%}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:border-l[data-side=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:inset-x-0[data-side=top]{inset-inline:0}.data-\[side\=top\]\:top-0[data-side=top]{top:0}.data-\[side\=top\]\:h-auto[data-side=top]{height:auto}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:border-b[data-side=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-8[data-size=default]{height:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:h-7[data-size=sm]{height:calc(var(--spacing) * 7)}.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md), 10px)}.data-\[size\=sm\]\:\[--card-spacing\:--spacing\(3\)\][data-size=sm]{--card-spacing:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:0}:is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:ml-auto *)[data-slot=accordion-trigger-icon]{margin-left:auto}:is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 *)[data-slot=accordion-trigger-icon]{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-muted-foreground *)[data-slot=accordion-trigger-icon]{color:var(--muted-foreground)}:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot=kbd]{position:relative}:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot=kbd]{isolation:isolate}:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot=kbd]{z-index:50}:is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot=kbd]{border-radius:calc(var(--radius) * .6)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value]{gap:calc(var(--spacing) * 1.5)}.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-lg:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-lg:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-lg:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-lg:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:last-child{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[state\=closed\]\:overflow-hidden[data-state=closed]{overflow:hidden}.data-\[state\=delayed-open\]\:animate-in[data-state=delayed-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=delayed-open\]\:fade-in-0[data-state=delayed-open]{--tw-enter-opacity:0}.data-\[state\=delayed-open\]\:zoom-in-95[data-state=delayed-open]{--tw-enter-scale:.95}.data-\[state\=on\]\:bg-muted[data-state=on]{background-color:var(--muted)}.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\=line\]\:rounded-none[data-variant=line]{border-radius:0}.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"][data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"][data-variant=outline]{border-top-style:var(--tw-border-style);border-top-width:0}.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"][data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"][data-variant=outline]:first-child{border-top-style:var(--tw-border-style);border-top-width:1px}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media (width>=40rem){.data-\[side\=left\]\:sm\:max-w-sm[data-side=left],.data-\[side\=right\]\:sm\:max-w-sm[data-side=right]{max-width:var(--container-sm)}}@media (width>=48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:text-muted-foreground:is(.dark *){color:var(--muted-foreground)}@media (hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.dark\:hover\:text-foreground:is(.dark *):hover{color:var(--foreground)}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:color-mix(in oklab, var(--input) 80%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-open\:animate-accordion-down:where([data-state=open]),.data-open\:animate-accordion-down:where([data-open]:not([data-open=false])){animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:bg-accent:where([data-state=open]),.data-open\:bg-accent:where([data-open]:not([data-open=false])){background-color:var(--accent)}.data-open\:text-accent-foreground:where([data-state=open]),.data-open\:text-accent-foreground:where([data-open]:not([data-open=false])){color:var(--accent-foreground)}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}.data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side=bottom]:where([data-state=open]),.data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side=bottom]:where([data-open]:not([data-open=false])){--tw-enter-translate-y:calc(.1*100%)}.data-\[side\=left\]\:data-open\:slide-in-from-left-10[data-side=left]:where([data-state=open]),.data-\[side\=left\]\:data-open\:slide-in-from-left-10[data-side=left]:where([data-open]:not([data-open=false])){--tw-enter-translate-x:calc(.1*-100%)}.data-\[side\=right\]\:data-open\:slide-in-from-right-10[data-side=right]:where([data-state=open]),.data-\[side\=right\]\:data-open\:slide-in-from-right-10[data-side=right]:where([data-open]:not([data-open=false])){--tw-enter-translate-x:calc(.1*100%)}.data-\[side\=top\]\:data-open\:slide-in-from-top-10[data-side=top]:where([data-state=open]),.data-\[side\=top\]\:data-open\:slide-in-from-top-10[data-side=top]:where([data-open]:not([data-open=false])){--tw-enter-translate-y:calc(.1*-100%)}.data-closed\:animate-accordion-up:where([data-state=closed]),.data-closed\:animate-accordion-up:where([data-closed]:not([data-closed=false])){animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side=bottom]:where([data-state=closed]),.data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side=bottom]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-y:calc(.1*100%)}.data-\[side\=left\]\:data-closed\:slide-out-to-left-10[data-side=left]:where([data-state=closed]),.data-\[side\=left\]\:data-closed\:slide-out-to-left-10[data-side=left]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-x:calc(.1*-100%)}.data-\[side\=right\]\:data-closed\:slide-out-to-right-10[data-side=right]:where([data-state=closed]),.data-\[side\=right\]\:data-closed\:slide-out-to-right-10[data-side=right]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-x:calc(.1*100%)}.data-\[side\=top\]\:data-closed\:slide-out-to-top-10[data-side=top]:where([data-state=closed]),.data-\[side\=top\]\:data-closed\:slide-out-to-top-10[data-side=top]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-y:calc(.1*-100%)}.data-checked\:border-primary:where([data-state=checked]),.data-checked\:border-primary:where([data-checked]:not([data-checked=false])){border-color:var(--primary)}.data-checked\:bg-primary:where([data-state=checked]),.data-checked\:bg-primary:where([data-checked]:not([data-checked=false])){background-color:var(--primary)}.data-checked\:text-primary-foreground:where([data-state=checked]),.data-checked\:text-primary-foreground:where([data-checked]:not([data-checked=false])){color:var(--primary-foreground)}.dark\:data-checked\:bg-primary:is(.dark *):where([data-state=checked]),.dark\:data-checked\:bg-primary:is(.dark *):where([data-checked]:not([data-checked=false])){background-color:var(--primary)}.data-disabled\:pointer-events-none:where([data-disabled=true]),.data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none}.data-disabled\:opacity-50:where([data-disabled=true]),.data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.data-active\:bg-background:where([data-state=active]),.data-active\:bg-background:where([data-active]:not([data-active=false])){background-color:var(--background)}.data-active\:text-foreground:where([data-state=active]),.data-active\:text-foreground:where([data-active]:not([data-active=false])){color:var(--foreground)}.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-state=active]),.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-active]:not([data-active=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-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){--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(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false]))):after{content:var(--tw-content);opacity:1}.dark\:data-active\:border-input:is(.dark *):where([data-state=active]),.dark\:data-active\:border-input:is(.dark *):where([data-active]:not([data-active=false])){border-color:var(--input)}.dark\:data-active\:bg-input\/30:is(.dark *):where([data-state=active]),.dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active=false])){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-active\:bg-input\/30:is(.dark *):where([data-state=active]),.dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active=false])){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:data-active\:text-foreground:is(.dark *):where([data-state=active]),.dark\:data-active\:text-foreground:is(.dark *):where([data-active]:not([data-active=false])){color:var(--foreground)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}.data-horizontal\:h-1:where([data-orientation=horizontal]){height:var(--spacing)}.data-horizontal\:h-2\.5:where([data-orientation=horizontal]){height:calc(var(--spacing) * 2.5)}.data-horizontal\:h-full:where([data-orientation=horizontal]){height:100%}.data-horizontal\:h-px:where([data-orientation=horizontal]){height:1px}.data-horizontal\:w-full:where([data-orientation=horizontal]){width:100%}.data-horizontal\:flex-col:where([data-orientation=horizontal]){flex-direction:column}.data-horizontal\:border-t:where([data-orientation=horizontal]){border-top-style:var(--tw-border-style);border-top-width:1px}.data-horizontal\:border-t-transparent:where([data-orientation=horizontal]){border-top-color:#0000}.data-vertical\:h-full:where([data-orientation=vertical]){height:100%}.data-vertical\:min-h-40:where([data-orientation=vertical]){min-height:calc(var(--spacing) * 40)}.data-vertical\:w-1:where([data-orientation=vertical]){width:var(--spacing)}.data-vertical\:w-2\.5:where([data-orientation=vertical]){width:calc(var(--spacing) * 2.5)}.data-vertical\:w-auto:where([data-orientation=vertical]){width:auto}.data-vertical\:w-full:where([data-orientation=vertical]){width:100%}.data-vertical\:w-px:where([data-orientation=vertical]){width:1px}.data-vertical\:flex-col:where([data-orientation=vertical]){flex-direction:column}.data-vertical\:items-stretch:where([data-orientation=vertical]){align-items:stretch}.data-vertical\:self-stretch:where([data-orientation=vertical]){align-self:stretch}.data-vertical\:border-l:where([data-orientation=vertical]){border-left-style:var(--tw-border-style);border-left-width:1px}.data-vertical\:border-l-transparent:where([data-orientation=vertical]){border-left-color:#0000}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-3 a{text-underline-offset:3px}@media (hover:hover){.\[\&_a\]\:hover\:text-foreground a:hover{color:var(--foreground)}}.\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child){margin-bottom:calc(var(--spacing) * 4)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-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)}.\[\.border-b\]\:pb-\(--card-spacing\).border-b{padding-bottom:var(--card-spacing)}@media (hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}}:is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}:is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}: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)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--radius:.625rem;--shell:oklch(14.5% .004 270);--chrome:oklch(19.6% .004 270);--panel-surface:oklch(17.6% .004 270);--canvas-void:oklch(12.8% .004 270);--background:var(--shell);--foreground:oklch(97% .002 270);--card:var(--chrome);--card-foreground:oklch(97% .002 270);--popover:oklch(21% .004 270);--popover-foreground:oklch(97% .002 270);--primary:oklch(58% .19 267);--primary-foreground:oklch(100% 0 0);--secondary:oklch(24% .004 270);--secondary-foreground:oklch(96% .002 270);--muted:oklch(24% .004 270);--muted-foreground:oklch(62% .004 270);--accent:oklch(28% .004 270);--accent-foreground:oklch(97% .002 270);--destructive:oklch(62% .19 25);--border:oklch(28% .004 270);--input:oklch(28% .004 270);--ring:oklch(58% .19 267);--chart-1:oklch(58% .19 267);--chart-2:oklch(72% .15 155);--chart-3:oklch(70% .14 70);--chart-4:oklch(65% .14 245);--chart-5:oklch(62% .15 305);--sidebar:var(--panel-surface);--sidebar-foreground:oklch(97% .002 270);--sidebar-primary:oklch(58% .19 267);--sidebar-primary-foreground:oklch(100% 0 0);--sidebar-accent:oklch(26% .004 270);--sidebar-accent-foreground:oklch(96% .002 270);--sidebar-border:oklch(26% .004 270);--sidebar-ring:oklch(58% .19 267);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--fs-2xs:10.5px;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--z-canvas-ui:5;--z-dropdown:30;--z-topbar:40;--z-overlay:50;--z-toast:80;--bg:var(--shell);--bg-deep:var(--shell);--panel:var(--panel-surface);--panel-2:var(--secondary);--panel-3:oklch(26% .004 270);--panel-soft:var(--shell);--text:var(--foreground);--text-dim:var(--muted-foreground);--text-muted:oklch(58% .004 270);--border-soft:oklch(26% .004 270);--accent-soft:var(--primary);font-family:Geist Variable,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}@supports (color:color-mix(in lab, red, red)){:root{--accent-soft:color-mix(in oklch, var(--primary) 16%, transparent)}}:root{--accent-hover:oklch(31% .004 270);--focus:var(--ring);--rail:var(--chrome);--rail-hover:oklch(26% .004 270);--shadow:0 10px 30px oklch(0% 0 0/.35);--danger:var(--destructive);--danger-soft:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:root{--danger-soft:color-mix(in oklch, var(--destructive) 14%, transparent)}}:root{--success:oklch(60% .13 155);--success-soft:var(--success)}@supports (color:color-mix(in lab, red, red)){:root{--success-soft:color-mix(in oklch, var(--success) 14%, transparent)}}:root{--warning:oklch(70% .14 70);--warning-soft:var(--warning)}@supports (color:color-mix(in lab, red, red)){:root{--warning-soft:color-mix(in oklch, var(--warning) 14%, transparent)}}:root{--info:oklch(58% .14 245);--info-soft:var(--info)}@supports (color:color-mix(in lab, red, red)){:root{--info-soft:color-mix(in oklch, var(--info) 14%, transparent)}}:root{--timeline-linear:var(--muted-foreground);--timeline-in:var(--info);--timeline-out:var(--success);--timeline-in-out:oklch(62% .15 305);--timeline-keyframe:var(--warning);--timeline-camera:var(--info)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;overflow:hidden}#root{height:100vh}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.app{background:var(--bg-deep);flex-direction:column;height:100vh;display:flex}.app-body{flex:1;gap:8px;min-height:0;padding:8px;display:flex}.topbar{background:var(--bg-deep);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px 16px;display:flex}.logo-mark{background:linear-gradient(145deg, var(--panel-2), var(--panel-soft));border:1px solid var(--border-soft);width:36px;height:36px;color:var(--primary);border-radius:8px;place-items:center;font-size:18px;display:inline-grid}.brand-copy{flex-direction:column;gap:1px;display:flex}.workspace-status,.panel-kicker{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.topbar-center{background:var(--panel-soft);border:1px solid var(--border-soft);border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:3px;display:flex}.topbar-right{justify-content:flex-end;align-items:center;gap:6px;min-width:202px;display:flex}.btn{border-radius:8px;min-height:32px;padding:7px 11px;font-size:12px;font-weight:500;transition:background .14s,border-color .14s,color .14s,opacity .14s}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{background:var(--panel-2);border:1px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--panel-2);border-color:var(--border)}.btn-primary{background:var(--primary);color:var(--primary-foreground);border:1px solid #ffffff14;font-weight:600}.btn-primary:hover:not(:disabled){opacity:.85}.scale-select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:13px}.sidebar{background:var(--panel);border:1px solid var(--border-soft);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.sidebar-left{flex-shrink:0;width:328px}.sidebar-right{flex-shrink:0;width:304px}.sidebar-scroll{flex:1;padding:12px;overflow-y:auto}.asset-rail{background:var(--panel-soft);border-right:1px solid var(--border-soft);flex-direction:column;align-items:center;gap:8px;width:48px;padding:10px 7px;display:flex}.asset-rail-btn{width:34px;height:34px;min-height:34px;color:var(--text-dim);border:1px solid #0000;border-radius:8px;flex:0 0 34px;place-items:center;padding:0;transition:background .14s,color .14s,border-color .14s;display:grid}.asset-rail-btn:hover,.asset-rail-btn.active,.asset-rail-btn[data-state=active],.asset-rail-btn[data-active]{background:var(--panel-2);color:var(--text);border-color:var(--border)}.asset-rail-btn.active,.asset-rail-btn[data-state=active],.asset-rail-btn[data-active]{box-shadow:inset 0 0 0 1px oklch(74% .11 162/.28)}.asset-rail-icon{font-size:17px;line-height:1}.asset-panel{flex-direction:column;flex:1;min-width:0;display:flex}.asset-browser{gap:14px}.asset-hero{padding-bottom:14px}.asset-dropzone{background:var(--panel-soft);border-radius:8px;justify-content:center;min-height:116px}.asset-drop-icon{background:var(--panel-3);width:30px;height:30px;color:var(--text);border-radius:999px;place-items:center;font-size:18px;display:grid}.asset-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.asset-card{background:var(--panel-soft);min-height:88px;color:var(--text-dim);text-align:left;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:stretch;gap:7px;padding:7px;font-size:11px;transition:border-color .14s,background .14s,transform .14s;display:flex}.asset-card:hover{border-color:var(--border);background:var(--panel-2);color:var(--text);transform:translateY(-1px)}.asset-preview{border:1px solid oklch(95% .006 78/.08);border-radius:6px;min-height:52px;display:block}.shape-preview{background:radial-gradient(circle at 38% 36%, #f4f3efeb, #9797a238 44%, transparent 46%), radial-gradient(circle at 64% 62%, #4d9fff73, transparent 35%), var(--panel-3)}.asset-chip-grid{flex-wrap:wrap;gap:6px;display:flex}.asset-swatch-strip{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.inspector-shell{background:var(--panel)}.inspector-header{padding-bottom:0}.inspector-tabs [data-slot=tabs-list]{min-height:34px}.inspector-tabs [data-slot=tabs-trigger]{min-height:28px}.panel-stack{flex-direction:column;gap:13px;display:flex}.panel-section{border-bottom:1px solid var(--border-soft);flex-direction:column;gap:9px;padding-bottom:13px;display:flex}.panel-section:last-child{border-bottom:none;padding-bottom:0}.section-label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);margin:0;font-size:10px;font-weight:600}.section-row,.panel-heading,.inspector-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-meta{color:var(--text-muted);font-size:11px}.panel-heading,.inspector-header{padding:14px 14px 4px}.panel-heading{display:block}.panel-heading h2,.inspector-header h2{letter-spacing:0;margin:2px 0 0;font-size:15px;line-height:1.15}.segmented{background:var(--panel-soft);border:1px solid var(--border-soft);scrollbar-width:none;border-radius:8px;gap:2px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.segmented-btn{min-width:68px;min-height:30px;color:var(--text-dim);border-radius:6px;flex:none;padding:6px 8px;font-size:12px;transition:background .12s,color .12s}.segmented-btn:hover{color:var(--text)}.segmented-btn.active{background:var(--panel-3);color:var(--text);box-shadow:inset 0 0 0 1px #ffffff08}.inspector-tabs .segmented-btn,.sidebar-tabs .segmented-btn{flex:1 0 0;min-width:0}.slider{flex-direction:column;gap:4px;display:flex}.slider-disabled{opacity:.58}.slider-labels{color:var(--text-dim);justify-content:space-between;font-size:12px;display:flex}.slider-value{color:var(--text);font-variant-numeric:tabular-nums}.drag-pad{aspect-ratio:16/9;background:var(--bg);border:1px solid var(--border);cursor:grab;touch-action:none;border-radius:8px;width:100%;position:relative;overflow:hidden}.drag-pad:active{cursor:grabbing}.drag-pad-cross{background:linear-gradient(var(--border), var(--border)) center / 100% 1px no-repeat, linear-gradient(var(--border), var(--border)) center / 1px 100% no-repeat;pointer-events:none;position:absolute;inset:0}.drag-pad-handle{background:var(--text);pointer-events:none;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffffff26}.dropzone{background:var(--bg);border:1px dashed var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:7px;padding:14px;transition:border-color .12s;display:flex}.dropzone:hover{border-color:var(--text-dim)}.dropzone-thumb{border-radius:6px;max-width:100%;max-height:110px}.dropzone-hint{color:var(--text-dim);font-size:11px}.palette-row{gap:6px;display:flex}.palette-dot{border:1px solid #ffffff26;border-radius:50%;width:18px;height:18px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.style-btn{background:var(--bg);border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:6px;min-height:70px;padding:8px 6px;transition:border-color .12s;display:flex}.style-btn:hover{border-color:var(--panel-3)}.style-btn:disabled{opacity:.42;cursor:not-allowed}.style-btn.active{border-color:var(--text)}.style-swatch{background:linear-gradient(135deg,#6a6a6a,#3a3a3a);border-radius:6px;width:34px;height:24px}.swatch-glass-light{background:linear-gradient(135deg,#cfcfcf,#9c9c9c);border:2px solid #ffffffb3}.swatch-glass-dark{background:linear-gradient(135deg,#4b4b4b,#1f1f1f);border:2px solid #000000b3}.swatch-outline{background:0 0;border:2px solid #e6e6e6}.swatch-stack{background:linear-gradient(135deg,#6a6a6a,#3a3a3a);box-shadow:0 -5px 0 -2px #555,0 -10px 0 -4px #3d3d3d}.style-name{color:var(--text-dim);font-size:11px}.style-btn.active .style-name{color:var(--text)}.bg-swatch{aspect-ratio:1;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:36px;font-size:14px;transition:transform .12s,border-color .12s;display:flex;overflow:hidden}.bg-swatch:hover{transform:translateY(-1px)}.bg-swatch.active{border-color:var(--text)}.checkerboard-swatch,.checkerboard{background:repeating-conic-gradient(#3a3a3a 0% 25%,#262626 0% 50%) 0 0/16px 16px}.color-picker-swatch{cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-picker-swatch input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%}.image-picker-swatch{background:var(--panel-3)}.canvas-area{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.canvas-fit{border:1px solid var(--border-soft);background:linear-gradient(180deg, var(--panel), var(--panel-soft));min-width:0;min-height:0;box-shadow:var(--shadow);border-radius:8px;flex:1;justify-content:center;align-items:center;padding:14px;display:flex;overflow:hidden}.checkerboard{border-radius:8px}.scene{border-radius:8px;position:relative;overflow:hidden}.bg-fill{position:absolute;inset:0}.bg-shader{width:100%;height:100%;position:absolute;inset:0}.bg-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mockup-area{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mockup-size{max-width:92%;max-height:92%;position:relative}.mockup-3d{transform-origin:50%;will-change:transform;width:100%;height:100%;transition:transform .12s linear;position:relative}.mockup-item{width:100%;height:100%;position:relative;overflow:hidden}.mockup-img{object-fit:cover;border-radius:inherit;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.stack-layer{background-position:50%;background-size:cover;position:absolute;inset:0}.style-glass-light{-webkit-backdrop-filter:blur(12px);background:#ffffff59;border:1px solid #ffffff80;padding:1.2em}.style-glass-dark{-webkit-backdrop-filter:blur(12px);background:#0006;border:1px solid #ffffff2e;padding:1.2em}.style-glass-light .mockup-img,.style-glass-dark .mockup-img{border-radius:.6em;height:100%}.style-outline{border:.35em solid #ffffffeb}.mockup-placeholder{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:inherit;color:oklch(98% .006 78);background:#00000059;border:2px dashed #ffffff59;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.mockup-placeholder-title{font-size:2.2em;font-weight:600}.mockup-placeholder-sub{opacity:.7;font-size:1.5em}.btn-icon{padding:8px 10px;font-size:15px;line-height:1}.bg-overlay{pointer-events:none;position:absolute;inset:0}.reflection{opacity:.3;pointer-events:none;height:100%;position:absolute;top:calc(100% + .6em);left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000000b3,#0000 42%);mask-image:linear-gradient(#000000b3,#0000 42%)}.reflection img{object-fit:cover;border-radius:inherit;width:100%;height:100%;transform:scaleY(-1)}.watermark{object-fit:contain;z-index:5;pointer-events:none;max-width:20%;height:6%;position:absolute;bottom:3%;right:3%}.watermark-row{align-items:center;gap:10px;display:flex}.watermark-thumb{object-fit:contain;background:var(--bg);border-radius:8px;max-width:110px;height:36px;padding:4px}.layers-header{justify-content:space-between;align-items:center;display:flex}.layers-add{gap:6px;display:flex}.mini-btn{border:1px solid var(--border-soft);background:var(--panel-2);min-height:28px;color:var(--text-dim);border-radius:6px;padding:5px 8px;font-size:11px;line-height:1.3}.mini-btn:hover{background:var(--panel-3);color:var(--text)}.mini-btn.danger:hover{color:oklch(78% .13 28);background:oklch(31% .08 28)}.mini-btn.eye.off{opacity:.72}.layer-row{background:var(--bg);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.layer-row:hover{border-color:var(--panel-3)}.layer-row.active{border-color:var(--text)}.layer-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:28px;height:20px}.layer-thumb-text{background:var(--panel-3);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.layer-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.layer-actions{gap:3px;display:none}.layer-row:hover .layer-actions,.layer-row.active .layer-actions{display:flex}.mockup-3d.interactive{cursor:grab;touch-action:none}.mockup-3d.interactive:active{cursor:grabbing}.selection-ring{pointer-events:none;border:2px dashed #ffffffa6;border-radius:1em;position:absolute;inset:-.6em}.text-layer{white-space:pre-wrap;word-break:break-word;letter-spacing:-.02em;width:100%;line-height:1.15}.text-input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);font:inherit;resize:vertical;border-radius:8px;padding:8px 10px;font-size:12px}.color-field{color:var(--text-dim);justify-content:space-between;align-items:center;font-size:12px;display:flex}.color-field input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:6px;width:42px;height:26px}.browser-frame{flex-direction:column;display:flex}.browser-screen{flex:1;min-height:0;overflow:hidden}.browser-screen .mockup-img{object-position:top;height:100%}.arc-screen .mockup-img,.phone-screen .mockup-img{object-position:top}.browser-bar,.cr-tabstrip,.ff-tabstrip,.arc-bar,.ios-safari,.crm-bar,.dynamic-island{font-size:calc(1em * var(--chrome-scale,1))}.browser-bar{flex-shrink:0;align-items:center;gap:1em;padding:0 1.3em;display:flex}.bar-flex{flex:1}.bar-icons{opacity:.65;align-items:center;gap:1.1em;display:inline-flex}.ui-icon{flex-shrink:0;width:1.35em;height:1.35em;display:inline-block}.traffic-lights{flex-shrink:0;gap:.65em;display:flex}.traffic-lights i{border-radius:50%;width:1em;height:1em}.traffic-lights.small i{width:.85em;height:.85em}.tl-red{background:#ff5f57}.tl-yellow{background:#febc2e}.tl-green{background:#28c840}.safari-bar{height:3.6em}.safari-frame.theme-light .safari-bar{color:#3c3c3c;background:#f2f1f2;border-bottom:1px solid #d8d7d8}.safari-frame.theme-dark .safari-bar{color:#d8d8d8;background:#3a383c;border-bottom:1px solid #232124}.safari-address{white-space:nowrap;border-radius:.65em;justify-content:center;align-items:center;gap:.5em;min-width:38%;max-width:46%;height:2.2em;padding:0 1em;font-size:1.1em;display:inline-flex;overflow:hidden}.safari-frame.theme-light .safari-address{color:#4c4c4c;background:#e4e3e4}.safari-frame.theme-dark .safari-address{color:#c6c6c6;background:#29282b}.cr-tabstrip{flex-shrink:0;align-items:flex-end;gap:.9em;height:3.1em;padding:0 1.2em;display:flex}.chrome-frame.theme-light .cr-tabstrip{color:#3a3a3a;background:#dfe1e5}.chrome-frame.theme-dark .cr-tabstrip{color:#d3d3d3;background:#202124}.cr-tabstrip .traffic-lights{margin-bottom:.9em}.cr-tabstrip .ui-icon{margin-bottom:.75em}.cr-tab{border-radius:.8em .8em 0 0;align-items:center;gap:.7em;min-width:16em;max-width:22em;height:2.5em;padding:0 1.2em;font-size:1.05em;display:inline-flex}.chrome-frame.theme-light .cr-tab{background:#fff}.chrome-frame.theme-dark .cr-tab{background:#35363a}.cr-favicon{background:conic-gradient(#ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0);border-radius:50%;flex-shrink:0;width:1.1em;height:1.1em}.ff-favicon{background:radial-gradient(circle at 35% 35%,#ffd54d,#ff9500 55%,#e0350b)}.cr-tab-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cr-toolbar{height:3.4em}.chrome-frame.theme-light .cr-toolbar{color:#4a4a4a;background:#fff}.chrome-frame.theme-dark .cr-toolbar{color:#cfcfcf;background:#35363a;border-bottom:1px solid #27282b}.cr-omnibox{white-space:nowrap;border-radius:1.2em;flex:1;align-items:center;gap:.6em;height:2.4em;padding:0 1.1em;font-size:1.05em;display:inline-flex;overflow:hidden}.chrome-frame.theme-light .cr-omnibox{color:#333;background:#f1f3f4}.chrome-frame.theme-dark .cr-omnibox{color:#c9c9c9;background:#202124}.cr-avatar{background:linear-gradient(135deg,#7b5cff,#3aa0ff);border-radius:50%;flex-shrink:0;width:1.7em;height:1.7em}.ff-tabstrip{flex-shrink:0;align-items:center;gap:.9em;height:3.2em;padding:0 1.2em;display:flex}.firefox-frame.theme-light .ff-tabstrip{color:#35343a;background:#f0f0f4}.firefox-frame.theme-dark .ff-tabstrip{color:#d8d7dd;background:#1c1b22}.ff-tab{border-radius:.5em;align-items:center;gap:.7em;min-width:15em;max-width:21em;height:2.4em;padding:0 1.1em;font-size:1.05em;display:inline-flex}.firefox-frame.theme-light .ff-tab{background:#fff;box-shadow:0 .1em .3em #0000001f}.firefox-frame.theme-dark .ff-tab{background:#42414d}.ff-toolbar{height:3.4em}.firefox-frame.theme-light .ff-toolbar{color:#45444a;background:#f9f9fb;border-bottom:1px solid #e0e0e6}.firefox-frame.theme-dark .ff-toolbar{color:#ccccd2;background:#2b2a33;border-bottom:1px solid #1a191f}.firefox-frame.theme-light .ff-address{background:#fff;border-radius:.5em;box-shadow:inset 0 0 0 1px #d0d0d7}.firefox-frame.theme-dark .ff-address{background:#1c1b22;border-radius:.5em}.arc-frame{flex-direction:column;padding:0 1em 1em;display:flex}.arc-bar{flex-shrink:0;align-items:center;gap:1em;height:3.2em;padding:0 .4em;display:flex}.arc-frame.theme-light .arc-bar{color:#4a4358}.arc-frame.theme-dark .arc-bar{color:#d9d3e8}.arc-url{text-align:center;opacity:.75;white-space:nowrap;flex:1;font-size:1.1em;font-weight:600;overflow:hidden}.arc-screen{border-radius:1em;flex:1;min-height:0;overflow:hidden;box-shadow:0 .3em 1.4em #0000002e}.arc-screen .mockup-img{height:100%}.macos-bar{height:3em}.macos-frame.theme-light .macos-bar{background:#ececec;border-bottom:1px solid #d9d9d9}.macos-frame.theme-dark .macos-bar{background:#2b2b2b;border-bottom:1px solid #1d1d1d}.device-phone{background:#101010;border-radius:4.6em;padding:1.1em;box-shadow:inset 0 0 0 .18em #3c3c3c}.device-phone .phone-screen{border-radius:3.6em;width:100%;height:100%;position:relative;overflow:hidden}.dynamic-island{background:#000;border-radius:2em;width:22%;height:3.2em;position:absolute;top:1.4em;left:50%;transform:translate(-50%)}.ios-safari{-webkit-backdrop-filter:blur(14px);flex-direction:column;gap:1em;padding:1em 1.4em 1.6em;display:flex;position:absolute;bottom:0;left:0;right:0}.theme-light .ios-safari{color:#333;background:#f8f8fad1}.theme-dark .ios-safari{color:#d9d9d9;background:#1c1c1ed1}.ios-address{border-radius:1em;justify-content:space-between;align-items:center;gap:1em;height:3.4em;padding:0 1.3em;font-size:1.15em;display:flex}.theme-light .ios-address{background:#fff;box-shadow:0 .1em .5em #0000001f}.theme-dark .ios-address{background:#39393d}.ios-address span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ios-toolbar{color:#2f7cf6;justify-content:space-between;padding:0 1.2em;display:flex}.ios-toolbar .ui-icon{width:1.7em;height:1.7em}.crm-bar{align-items:center;gap:1em;padding:.8em 1.2em;display:flex;position:absolute;top:4.6em;left:0;right:0}.theme-light .crm-bar{color:#444;background:#fff}.theme-dark .crm-bar{color:#cfcfcf;background:#202124}.crm-omnibox{white-space:nowrap;border-radius:1.5em;flex:1;align-items:center;gap:.7em;height:3em;padding:0 1.2em;font-size:1.1em;display:flex;overflow:hidden}.theme-light .crm-omnibox{background:#f1f3f4}.theme-dark .crm-omnibox{background:#35363a}.crm-tabs{border:.18em solid;border-radius:.5em;flex-shrink:0;justify-content:center;align-items:center;width:2em;height:2em;font-size:1em;font-weight:600;display:inline-flex}.device-swatch-none{background:linear-gradient(135deg,#6a6a6a,#3a3a3a)}.device-swatch-safari{background:linear-gradient(#f2f1f2 32%,#8a8a8f 32%)}.device-swatch-chrome{background:linear-gradient(#dfe1e5 26%,#fff 26% 52%,#9aa0a6 52%)}.device-swatch-firefox{background:linear-gradient(#f0f0f4 30%,#ff9500 30% 55%,#7a7a80 55%)}.device-swatch-arc{background:linear-gradient(135deg,#c8b6ff,#ffd6ff);border:3px solid #b39dfa}.device-swatch-macos{background:linear-gradient(#3a3a3a 25%,#6a6a6a 25%)}.device-swatch-phone{background:#222;border:2px solid #555;border-radius:8px}.device-swatch-safari-ios{background:linear-gradient(#222 65%,#e8e8ec 65%);border:2px solid #555;border-radius:8px}.device-swatch-chrome-mobile{background:linear-gradient(#222 20%,#f1f3f4 20% 40%,#222 40%);border:2px solid #555;border-radius:8px}.clay-mount{position:absolute;inset:0}.clay-mount canvas{display:block;width:100%!important;height:100%!important}.camera-rig{transform-origin:50%;will-change:transform;position:absolute;inset:0}.anim-grid{flex-wrap:wrap;gap:6px;display:flex}.anim-chip{padding:5px 9px;font-size:11px}.anim-chip.active{background:var(--primary);color:var(--primary-foreground)}.anim-actions{gap:8px;display:flex}.anim-actions .btn{flex:1;padding:8px 6px;font-size:12px}.preset-list{flex-direction:column;align-items:center;gap:8px;display:flex}.preset-thumb{border:2px solid #0000;border-radius:8px;flex-shrink:0;transition:border-color .12s;position:relative;overflow:hidden}.preset-thumb:hover{border-color:var(--panel-3)}.preset-thumb.active{border-color:var(--text)}.preset-thumb .mockup-placeholder{display:none}.timeline{background:var(--panel);border:1px solid var(--border-soft);border-radius:8px;flex-direction:column;flex-shrink:0;gap:8px;padding:9px;display:flex;box-shadow:0 16px 42px #0003}.tl-controls{scrollbar-width:none;align-items:center;gap:8px;min-height:36px;font-size:12px;display:flex;overflow:auto hidden}.tl-controls::-webkit-scrollbar{display:none}.tl-play{min-width:38px;color:var(--text);padding:8px 10px;font-size:13px}.tl-time{font-variant-numeric:tabular-nums;color:var(--text-dim);min-width:92px}.tl-duration{color:var(--text-dim);align-items:center;gap:6px;display:inline-flex}.tl-duration input{background:var(--bg);width:54px;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;padding:3px 6px}.tl-kf-controls{align-items:center;gap:6px;display:inline-flex}.tl-hint{color:var(--text-dim);font-size:11px;display:none}.tl-tracks{flex-direction:column;gap:4px;max-height:108px;display:flex;position:relative;overflow-y:auto}.tl-ruler{cursor:ew-resize;-webkit-user-select:none;user-select:none;height:20px;display:flex}.tl-ruler-name{flex-shrink:0;width:110px}.tl-ruler-lane{flex:1;position:relative}.tl-tick{color:var(--text-dim);border-left:1px solid var(--border);height:16px;padding-left:4px;font-size:10px;position:absolute;top:2px}.tl-track{background:var(--bg);border-radius:8px;align-items:center;height:34px;display:flex}.tl-track.active{outline:1px solid var(--panel-3)}.tl-track-name{width:110px;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;padding:0 10px;font-size:11px;overflow:hidden}.tl-track.active .tl-track-name{color:var(--text)}.tl-lane{border-left:1px solid var(--border);flex:1;height:100%;position:relative}.tl-diamond{background:var(--text-dim);cursor:grab;border-radius:2px;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.tl-diamond:before{content:"";position:absolute;inset:-5px}.tl-diamond:hover,.tl-diamond.selected{background:#ffd54d}.tl-playhead{background:var(--focus);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 3px oklch(70% .12 248/.14)}.export-menu-wrap{position:relative}.export-caret{opacity:.7;font-size:10px}.export-menu{z-index:50;background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;min-width:230px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000080}.export-menu-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin-top:4px;font-size:10px;font-weight:600}.export-menu-label:first-child{margin-top:0}.export-menu-grid{align-items:center;gap:6px;display:flex}.export-menu-grid .mini-btn{text-align:center;flex:1;padding:6px 4px}.export-menu-format{width:44px;color:var(--text-dim);font-size:12px}.export-menu-item{text-align:left;background:var(--panel-2);border-radius:6px;padding:7px 8px;font-size:12px}.export-menu-item:hover{background:var(--panel-3)}.topbar-error{z-index:80;width:max-content;color:var(--text);border:1px solid var(--danger);max-width:min(360px,100vw - 20px);padding:8px 10px;font-size:11px;line-height:1.4;position:absolute;top:calc(100% + 8px);right:10px}@supports (color:color-mix(in lab, red, red)){.topbar-error{border:1px solid color-mix(in oklch, var(--danger) 58%, var(--border))}}.topbar-error{background:var(--danger-soft);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.topbar-error{background:color-mix(in oklch, var(--danger-soft) 82%, var(--panel))}}.topbar-error{box-shadow:0 12px 32px oklch(4% .004 270/.46)}.topbar-action-mobile{display:none!important}.topbar-menu-item{align-items:flex-start;gap:8px;padding:8px}.topbar-menu-copy{flex-direction:column;gap:2px;min-width:0;line-height:1.2;display:flex}.topbar-menu-description{color:var(--text-muted);white-space:normal;font-size:11px;font-weight:400}.layer-row-lg.drop-target{border-color:var(--info)}.layer-grip{color:var(--text-dim);letter-spacing:-2px;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:11px}.layer-grip svg{width:13px;height:13px}.layer-thumb-lg{object-fit:cover;background:var(--panel-2);border-radius:6px;width:56px;height:38px}.layer-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.layer-kind{color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;font-size:10px}.layer-row-lg .layer-actions{opacity:0;flex-direction:row;transition:opacity .14s;display:flex}.layer-row-lg:hover .layer-actions,.layer-row-lg.active .layer-actions,.layer-row-lg:focus-within .layer-actions{opacity:1}.layer-menu-trigger{width:28px;padding-inline:0}.layer-menu-content{min-width:170px}.shader-select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 6px;font-size:11px}.shader-colors{flex-direction:column;gap:4px;display:flex}.shader-color-chip{display:inline-flex;position:relative}.shader-color-chip input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:6px;width:28px;height:24px;padding:0}.shader-color-remove{background:var(--panel-3);width:24px;height:24px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:10.5px;line-height:1;display:none;position:absolute;top:-5px;right:-5px}.shader-color-chip:hover .shader-color-remove,.shader-color-chip:focus-within .shader-color-remove{display:inline-flex}.shape-sprite{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.shape-swatch{background:linear-gradient(135deg,#3a4cff,#101a66);border-radius:8px}.shape-swatch-sphere{border-radius:50%;width:30px;height:30px}.shape-swatch-cube{border-radius:6px;width:28px;height:28px}.shape-swatch-torus{background:radial-gradient(circle,#0000 34%,#3a4cff 38%,#101a66);border-radius:50%;width:30px;height:30px}.shape-swatch-capsule{border-radius:12px;width:36px;height:22px}.shape-swatch-knot{border-radius:50% 20%;width:30px;height:30px}.shape-swatch-gem{clip-path:polygon(50% 0,100% 38%,80% 100%,20% 100%,0 38%);width:30px;height:30px}.shape-swatch-tube{border-radius:12px;width:38px;height:14px;transform:rotate(-18deg)}.shape-swatch-star{clip-path:polygon(50% 0,63% 35%,100% 38%,72% 60%,82% 100%,50% 76%,18% 100%,28% 60%,0 38%,37% 35%);width:32px;height:32px}.shape-swatch-disc{border-radius:50%;width:32px;height:20px}.custom-mockup{width:100%;height:100%;position:relative}.custom-mockup-frame{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:relative}.custom-mockup-screen{object-fit:cover;object-position:top;-webkit-user-select:none;user-select:none;position:absolute}.tl-kf-time{background:var(--bg);width:56px;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;padding:3px 6px;font-size:11px}.tl-ease-linear{background:var(--timeline-linear)}.tl-ease-ease-in{background:var(--timeline-in)}.tl-ease-ease-out{background:var(--timeline-out)}.tl-ease-ease-in-out{background:var(--timeline-in-out)}.tl-diamond:hover,.tl-diamond.selected{background:var(--timeline-keyframe);box-shadow:0 0 0 3px var(--timeline-keyframe)}@supports (color:color-mix(in lab, red, red)){.tl-diamond:hover,.tl-diamond.selected{box-shadow:0 0 0 3px color-mix(in oklch, var(--timeline-keyframe) 25%, transparent)}}.template-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.template-thumb{border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:4px;transition:border-color .12s,transform .12s;display:flex}.template-thumb:hover{border-color:var(--panel-3);transform:translateY(-1px)}.template-swatch{aspect-ratio:16/10;border-radius:8px;width:100%}.text-layer-badge-wrap{line-height:1}.text-badge{white-space:nowrap;border-radius:2em;align-items:center;padding:.55em 1.1em;line-height:1.15;display:inline-flex}.badge-chip{background:var(--panel-3)}.checkbox-row{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.checkbox-row input[type=checkbox]{accent-color:var(--text)}.scene3d-mount{cursor:grab;touch-action:none;position:absolute;inset:0}.scene3d-mount:active{cursor:grabbing}.scene3d-mount:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.scene3d-instructions{z-index:30;border:1px solid var(--border);width:fit-content;max-width:calc(100% - 32px);color:var(--text-dim);text-align:center;opacity:0;pointer-events:none;inset-inline:16px;background:oklch(12% .004 270/.9);border-radius:6px;margin:0 auto;padding:6px 8px;font-size:11px;line-height:1.35;transition:opacity .14s;position:absolute;bottom:14px}.scene3d-mount:focus-visible+.scene3d-instructions{opacity:1}.scene3d-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.canvas-chunk-error{z-index:42;border:1px solid var(--border);max-width:calc(100% - 24px);color:var(--text);background:oklch(14% .004 270/.94);border-radius:8px;align-items:center;gap:8px;padding:7px 8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px oklch(4% .004 270/.42)}.canvas-chunk-error-copy{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;overflow:hidden}.scene3d-canvas{display:block;width:100%!important;height:100%!important}.onion-ghost{pointer-events:none;border:1.5px dashed #ffd54d66;border-radius:.8em;position:absolute;inset:0}.onion-ghost.onion-next{border-color:#4d9fff66}.tl-scroll{max-height:132px;overflow:auto hidden}.tl-tracks{min-width:100%}.tl-diamond-camera{background:var(--timeline-camera);border-radius:50%}.tl-lane-hint{color:var(--text-muted);pointer-events:none;font-size:11px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.tl-workarea{background:var(--timeline-camera);height:100%;position:absolute;top:0}@supports (color:color-mix(in lab, red, red)){.tl-workarea{background:color-mix(in oklch, var(--timeline-camera) 14%, transparent)}}.tl-workarea{border-inline:1px solid var(--timeline-camera);pointer-events:none}.tl-curve{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bezier-editor{background:var(--bg);border:1px solid var(--border);touch-action:none;border-radius:6px}.bezier-editor [role=slider]:focus-visible{stroke:var(--focus);stroke-width:3px;filter:drop-shadow(0 0 3px var(--focus));outline:none}@supports (color:color-mix(in lab, red, red)){.bezier-editor [role=slider]:focus-visible{filter:drop-shadow(0 0 3px color-mix(in oklch, var(--focus) 58%, transparent))}}.tl-zoom-slider{width:64px}.slides-bar{scrollbar-width:none;align-items:center;gap:6px;min-height:32px;padding:0;display:flex;overflow-x:auto}.slides-bar::-webkit-scrollbar{display:none}.slide-chip{background:var(--panel);border:1px solid #0000;border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.slide-chip.active{border-color:var(--text)}.slide-chip-btn{color:var(--text-dim);padding:4px 10px;font-size:11px}.slide-chip.active .slide-chip-btn{color:var(--text)}.slide-chip-x{color:var(--text-dim);padding:4px 6px;font-size:10.5px}.slide-chip-x:hover{color:oklch(78% .13 28)}.video-screen{object-fit:cover}.url-capture{gap:6px;display:flex}.url-capture .text-input{flex:1}.url-capture .mini-btn{flex-shrink:0;padding:6px 10px}.btn-active{outline:1px solid var(--text)}body{background:radial-gradient(circle at 14% -12%, oklch(42% .1 277/.28), transparent 42%), radial-gradient(circle at 92% -6%, oklch(40% .09 305/.2), transparent 40%), var(--bg-deep);font-size:var(--fs-base);letter-spacing:-.006em}#root,.app{height:100dvh}*{scrollbar-color:var(--border) transparent;scrollbar-width:thin}.app-body{background:0 0;gap:10px;padding:0}.app:not(.left-panel-open) .sidebar-left,.app:not(.right-panel-open) .sidebar-right{display:none}.topbar{z-index:50;background:var(--panel);border:1px solid var(--border);height:56px;min-height:56px;box-shadow:var(--shadow), 0 1px 0 oklch(100% 0 0/.04) inset;border-radius:12px;grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);gap:12px;padding:0 12px;display:grid;position:relative}.topbar-left,.topbar-right{min-width:0}.topbar-right{border:1px solid var(--border-soft);background:var(--panel-2);border-radius:8px;justify-self:end;gap:2px;min-height:38px;padding:3px;box-shadow:inset 0 1px oklch(100% 0 0/.04)}.logo-mark{background:var(--primary);color:#0000;border:1px solid oklch(47% .2 255/.8);border-radius:8px;flex:0 0 34px;width:34px;height:34px;display:inline-block;position:relative;box-shadow:0 7px 18px oklch(52% .19 255/.24)}.logo-mark:before,.logo-mark span{content:"";border:1.5px solid oklch(99% .006 255/.92);border-radius:3px;width:11px;height:14px;position:absolute}.logo-mark:before{top:8px;left:8px}.logo-mark span{background:var(--primary);top:11px;left:14px}.brand-lockup{gap:1px;min-width:0;display:grid}.logo-text,.document-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.logo-text{color:var(--text);letter-spacing:-.018em;font-size:13px;font-weight:600}.brand-lockup .workspace-status{color:var(--text-muted);letter-spacing:.11em;font-size:10.5px;font-weight:600;line-height:1.1}.breadcrumb-chevron{width:12px;color:var(--border);margin-left:2px}.document-name{width:fit-content;color:var(--text-dim);border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-size:11px;display:inline-flex}.document-status{background:var(--success);width:6px;height:6px;box-shadow:0 0 0 3px var(--success-soft);border-radius:999px;flex:0 0 6px}.topbar-center{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:8px;gap:2px;padding:4px;box-shadow:inset 0 1px oklch(100% 0 0/.04)}.toolbar-divider{background:var(--border-soft);width:1px;height:16px;margin:0 3px}.toolbar-active{color:var(--text)!important;background:var(--panel)!important;box-shadow:0 1px 4px oklch(40% .02 262/.15)!important}[data-slot=button]{letter-spacing:-.004em;border-radius:6px;font-size:12px;transition:color .16s cubic-bezier(.16,1,.3,1),background .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1),opacity .16s cubic-bezier(.16,1,.3,1)}[data-slot=button][data-variant=ghost]{color:var(--text-dim)}[data-slot=button][data-variant=ghost]:hover{color:var(--text);background:var(--panel-2)}.export-button{box-shadow:inset 0 0 0 1px oklch(97% .03 255/.2),0 7px 16px oklch(50% .18 255/.22);background:var(--primary)!important;height:32px!important;min-height:32px!important;color:var(--primary-foreground)!important;gap:6px!important;padding-inline:10px!important;line-height:1!important}.topbar-right .topbar-action-desktop{white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:32px;min-height:32px;padding-inline:9px;line-height:1;display:inline-flex}.topbar-right [data-slot=button] svg{flex:0 0 15px;width:15px;height:15px;margin:0;display:block}.sidebar{border:1px solid var(--border-soft);background:var(--panel);border-radius:12px;box-shadow:0 16px 38px oklch(40% .025 262/.1),inset 0 1px oklch(100% 0 0/.05)}.asset-rail{background:var(--rail);border-right:0;gap:7px;width:52px;padding:10px 7px}.asset-rail-btn{color:oklch(79% .035 255);border:0;border-radius:8px;flex-basis:36px;width:36px;height:36px;min-height:36px;place-content:center!important;place-items:center!important;padding:0!important;display:inline-grid!important}.asset-rail-btn .asset-rail-icon{width:18px;height:18px;margin:0;display:block}.asset-rail-btn:hover,.asset-rail-btn[data-state=active],.asset-rail-btn[data-active]{color:oklch(98.5% .008 255);background:var(--rail-hover);border:0;box-shadow:0 7px 18px oklch(12% .04 258/.3),inset 0 0 0 1px oklch(78% .08 255/.14)}.asset-panel,.inspector-shell{background:var(--panel)}.panel-heading,.inspector-header{border-bottom:0;min-height:64px;padding:0 16px}.panel-heading{flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;display:flex}.panel-heading .panel-kicker,.inspector-header .panel-kicker{color:var(--text-muted);letter-spacing:.12em;font-size:10.5px;font-weight:600;display:inline}.inspector-header{justify-content:space-between}.inspector-badge{background:var(--panel-2);color:var(--text-dim);font-family:var(--font-mono);white-space:nowrap;border-radius:6px;padding:4px 9px;font-size:10.5px;font-weight:500}.panel-heading h2,.inspector-header h2{letter-spacing:-.02em;margin:0;font-size:15px;font-weight:600}.inspector-header{border-bottom:1px solid var(--border-soft);align-items:center;display:flex}.inspector-header>div{gap:3px;display:grid}.sidebar-tabs{padding:0 12px 10px}.inspector-tabs{padding-top:10px}.inspector-tabs [data-slot=tabs-list]{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:3px;width:100%;height:36px;padding:3px;display:grid}.inspector-tabs [data-slot=tabs-trigger]{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:100%;height:28px;min-height:28px;margin:0;padding:0 8px;font-size:11px;line-height:1;display:inline-flex;box-shadow:none!important;transform:none!important}.inspector-tabs [data-slot=tabs-trigger][data-state=active],.inspector-tabs [data-slot=tabs-trigger][data-active]{border-color:var(--border-soft);background:var(--panel);box-shadow:0 1px 2px oklch(40% .02 262/.1)!important}.sidebar-scroll{padding:0 14px 18px}.panel-stack,.asset-browser{gap:0}.panel-loading{color:var(--text-muted);margin:0;padding:20px 0;font-size:11px}.panel-section{border:0;border-bottom:1px solid var(--border-soft);background:0 0;border-radius:0;gap:10px;padding:16px 0}.panel-section:last-child{border-bottom:0}.field-stack{gap:7px;display:grid}.field-label{color:var(--text-dim);font-size:11px;font-weight:500;line-height:1.35}.field-hint{color:var(--text-muted);font-size:10.5px;line-height:1.45}.field-error,.inline-error{color:var(--danger);font-size:11px;line-height:1.45}.inspector-empty{text-align:center;place-items:center;min-height:240px;padding:28px 18px;display:grid}.inspector-empty-inner{justify-items:center;gap:9px;max-width:220px;display:grid}.inspector-empty-icon{border:1px solid var(--border-soft);background:var(--panel-soft);width:34px;height:34px;color:var(--text-dim);border-radius:8px;place-items:center;display:grid}.inspector-empty-copy{color:var(--text-muted);font-size:11px;line-height:1.5}.section-label,.panel-kicker{color:var(--text-muted);letter-spacing:.085em;font-size:11px;font-weight:600}.section-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10.5px}.asset-hero{padding-top:0}.asset-dropzone,.dropzone{background:linear-gradient(var(--panel-soft), var(--panel-soft)) padding-box, repeating-linear-gradient(135deg, var(--border), var(--border) 5px, transparent 5px, transparent 10px) border-box;border:1px dashed #0000;border-radius:8px;gap:6px;min-height:108px;padding:18px 12px}.dropzone:hover{background:var(--panel-2);border-color:var(--text-muted)}.asset-drop-icon{background:var(--accent-soft);width:30px;height:30px;color:var(--primary);border:1px solid oklch(79% .09 255/.5);font-size:0}.asset-drop-icon svg{width:14px}.asset-drop-title{font-size:11px;font-weight:500}.dropzone-hint{color:var(--text-muted);font-size:10.5px;line-height:1.45}.asset-card-grid{gap:10px 8px}.asset-card{color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:8px;gap:5px;padding:4px}.asset-card:hover{background:var(--accent-soft);border-color:var(--border-soft);color:var(--text);transform:translateY(-1px)}.asset-preview{border-radius:6px;box-shadow:inset 0 0 0 1px oklch(92% .002 270/.1)}.asset-chip-grid,.anim-grid{gap:5px}.mini-btn{border:1px solid var(--border-soft);background:var(--panel-soft);min-height:27px;color:var(--text-dim);border-radius:8px;padding:4px 7px}.mini-btn svg{width:12px;height:12px}.mini-btn:hover{background:var(--panel-2);border-color:var(--border);color:var(--text)}.asset-swatch-strip{gap:5px}.bg-swatch{border-width:1px;border-radius:6px;min-height:30px}.bg-swatch:hover{box-shadow:0 0 0 1px var(--text-muted);transform:none}.segmented{background:var(--panel-soft);border:1px solid var(--border-soft);border-radius:8px;gap:1px;min-height:30px;padding:2px}.segmented-btn{border-radius:6px;min-width:56px;min-height:24px;padding:4px 7px;font-size:11px}.segmented-btn.active{background:var(--panel);box-shadow:0 1px 4px oklch(40% .02 262/.14)}.slider{gap:5px}.slider-labels{font-size:11px}.slider-value{color:var(--text-dim);font-size:10.5px}.drag-pad{background-color:var(--panel-soft);border-color:var(--border-soft);background-image:radial-gradient(circle,oklch(50% .04 255/.12) 0 1px,#0000 1px);background-size:12px 12px;border-radius:6px}.drag-pad:focus-visible,.layer-row:focus-visible,.tl-ruler:focus-visible,.tl-lane:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.drag-pad-instructions{color:var(--text-muted);font-size:10.5px;line-height:1.45}.drag-pad-cross{background:linear-gradient(oklch(70% .004 270/.12),oklch(70% .004 270/.12)) 50%/100% 1px no-repeat,linear-gradient(oklch(70% .004 270/.12),oklch(70% .004 270/.12)) 50%/1px 100% no-repeat}.drag-pad-handle{background:var(--primary);width:12px;height:12px;box-shadow:0 0 0 3px var(--accent-soft), 0 2px 7px oklch(45% .16 255/.28)}[data-slot=input],[data-slot=textarea],.shader-select,.tl-kf-time{border-color:var(--border-soft);background:var(--panel-soft);color:var(--text);border-radius:6px}.canvas-area{background:var(--bg);border:1px solid var(--border-soft);contain:layout;border-radius:12px;gap:0;position:relative;overflow:hidden;box-shadow:0 16px 38px oklch(40% .025 262/.08),inset 0 1px oklch(100% 0 0/.05)}.panel-backdrop{display:none}.slides-bar{background:var(--panel);border-bottom:1px solid var(--border-soft);gap:7px;height:48px;min-height:48px;padding:0 16px}.slides-label{color:var(--primary);letter-spacing:.07em;text-transform:uppercase;margin-right:3px;font-size:10px;font-weight:600}.slide-chip{background:var(--panel-soft);border-color:var(--border-soft);border-radius:8px}.slide-chip.active{border-color:var(--primary);background:var(--accent-soft)}.slide-chip-btn{padding:3px 8px}.slide-chip-x{padding:3px 5px}.slide-chip-x svg{width:10px}.canvas-fit{background-color:var(--bg);box-shadow:none;background-image:linear-gradient(oklch(64% .04 255/.09) 1px,#0000 1px),linear-gradient(90deg,oklch(64% .04 255/.09) 1px,#0000 1px),linear-gradient(oklch(64% .04 255/.035) 1px,#0000 1px),linear-gradient(90deg,oklch(64% .04 255/.035) 1px,#0000 1px);background-size:72px 72px,72px 72px,18px 18px,18px 18px;border:0;border-radius:0;padding:clamp(18px,3.2vw,48px)}.scene{border-radius:12px;box-shadow:0 28px 70px oklch(35% .04 262/.24),0 0 0 1px oklch(45% .04 262/.16)}.mockup-placeholder{-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center;white-space:normal;background:oklch(22% .035 262/.78);border-width:1px;border-color:oklch(96% .018 255/.46);gap:8px;padding:clamp(12px,3vw,24px)}.mockup-placeholder-title{letter-spacing:-.02em;max-width:100%;font-size:clamp(14px,3.2vw,24px);font-weight:500;line-height:1.15}.mockup-placeholder-sub{opacity:.64;max-width:100%;font-size:clamp(11px,1.7vw,16px);line-height:1.35}.style-btn,.layer-row,.tl-track{background:var(--panel-soft);border-radius:8px}.style-btn:hover,.layer-row:hover{border-color:var(--border);background:var(--panel-2)}.style-btn.active,.layer-row.active{background:var(--accent-soft);border-color:oklch(57% .205 255/.55)}.layer-row-lg{gap:8px;padding:7px}.layers-header{flex-direction:column;align-items:flex-start;gap:8px}.layers-add{gap:5px;width:100%}.layers-add .mini-btn{flex:1 1 0;min-width:0}.layers-panel>.dropzone-hint{white-space:normal}.layer-thumb-lg{border-radius:4px;width:44px;height:30px}.layer-kind{letter-spacing:.06em;font-size:10.5px}.preset-thumb,.template-thumb{border-radius:6px}.preset-thumb.active,.template-thumb.active{border-color:var(--primary)}.layout-preset-art{background:var(--panel-soft);pointer-events:none;position:absolute;inset:0;overflow:hidden}.layout-preset-grid{background-image:radial-gradient(circle,oklch(70% .004 270/.16) .65px,#0000 .8px);background-size:12px 12px;position:absolute;inset:0}.layout-preset-frame{aspect-ratio:16/10;transform-origin:50%;background:oklch(93% .002 270);border:1px solid oklch(88% .002 270/.48);border-radius:6px;grid-template-rows:16% 1fr;width:58%;display:grid;position:absolute;top:45%;left:50%;overflow:hidden;box-shadow:0 10px 24px oklch(4% .004 270/.38)}.layout-preset-frame-bar{background:oklch(84% .002 270);border-bottom:1px solid oklch(70% .004 270/.5)}.layout-preset-frame-body{background:oklch(70% .12 275/.76);border-radius:2px;margin:8%}.layout-preset-name{color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px var(--bg-deep);inset-inline:8px;font-size:10px;font-weight:500;line-height:1.2;position:absolute;bottom:6px;overflow:hidden}.timeline{background:var(--panel);border:0;border-top:1px solid var(--border-soft);box-shadow:none;border-radius:0;gap:6px;padding:8px 10px}.tl-controls{gap:5px;min-height:30px}.tl-track{height:30px}.tl-camera-track{background:var(--panel-soft)}.tl-diamond-camera,.tl-playhead,.tl-workarea{background:var(--timeline-camera)}@supports (color:color-mix(in lab, red, red)){.tl-workarea{background:color-mix(in oklch, var(--timeline-camera) 10%, transparent)}}.tl-workarea{border-color:var(--timeline-camera)}@media (width<=1100px){.topbar{grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr)}.document-name,.breadcrumb-chevron{display:none}}@media (width<=1040px){body{overflow:hidden}#root,.app{height:100dvh;min-height:0}.app-body{flex-direction:row;gap:0;padding:0;position:relative}.canvas-area{order:0;min-height:0}.sidebar-left,.sidebar-right{z-index:40;width:min(320px,100vw - 48px);height:auto;min-height:0;position:absolute;inset-block:0;box-shadow:0 24px 64px oklch(4% .004 270/.62)}.panel-backdrop{z-index:35;cursor:default;background:oklch(7% .004 270/.58);width:100%;height:100%;display:block;position:absolute;inset:0}.sidebar-left{left:0}.sidebar-right{right:0}.topbar{flex-wrap:nowrap}.topbar-center{order:initial;justify-content:center;width:auto;overflow:visible}[data-slot=tooltip-content]{display:none!important}}@media (width<=720px){.topbar{grid-template-columns:auto 1fr auto;gap:5px;padding:0 7px;position:relative}.topbar-center{justify-self:center}.topbar-center>button,.topbar-center [data-slot=tooltip-trigger],.topbar-right [data-variant=ghost]{gap:0;padding-inline:0;font-size:0;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.topbar-right .export-button{height:44px!important;min-height:44px!important}.topbar-right{gap:1px}.canvas-fit{padding:16px}.asset-rail{width:52px;padding-inline:4px}.asset-rail-btn{flex-basis:44px;width:44px;height:44px;min-height:44px}.sidebar [data-slot=input],.sidebar [data-slot=select-trigger],.sidebar .mini-btn,.sidebar .segmented-btn,.sidebar [data-slot=tabs-trigger]{min-height:44px;font-size:14px}.sidebar [data-slot=slider]{min-height:44px}.sidebar .bg-swatch{width:44px;min-width:44px;height:44px;min-height:44px}.sidebar [data-slot=textarea]{min-height:88px;font-size:14px}.sidebar .section-label,.sidebar .field-hint,.sidebar .dropzone-hint,.sidebar .drag-pad-instructions,.sidebar .inspector-empty-copy{font-size:12px}.slides-bar{height:48px;min-height:48px}.slides-bar .mini-btn,.slide-chip-btn,.slide-chip-x,.timeline .mini-btn,.timeline [data-slot=input],.timeline [data-slot=select-trigger],[data-slot=dropdown-menu-item]{min-height:44px}}@media (width<=560px){.brand-lockup,.breadcrumb-chevron,.document-name{display:none}.toolbar-divider{margin-inline:1px}.topbar-center [data-size=sm],.topbar-right [data-variant=ghost]{display:none}.topbar-action-desktop{display:none!important}.topbar-action-mobile{width:44px;height:44px;min-height:44px;display:inline-flex!important}.asset-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (pointer:coarse){.layer-row-lg .layer-actions{opacity:1}.shader-color-chip{align-items:center;gap:4px}.shader-color-remove{border-radius:6px;width:44px;height:44px;display:inline-flex;position:static}.tl-diamond:before{inset:-15px}}@media (width<=400px){.topbar{grid-template-columns:36px 1fr auto}.topbar-left{gap:0}.topbar-right .export-button{width:44px;padding-inline:0;font-size:0}.topbar-right .export-button svg:last-child{display:none}.asset-card-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.scene,.drag-pad,.layer-row,.asset-card,[data-slot=button]{forced-color-adjust:auto}:focus-visible{outline-offset:2px!important;outline:2px solid highlight!important}}.topbar{background:var(--chrome);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.topbar-left{align-items:center;gap:10px;min-width:0;display:flex}.topbar-rule{background:var(--border);flex:none;width:1px;height:16px}.document-pill{background:var(--panel-2);min-width:0;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:11px;display:inline-flex;overflow:hidden}.document-pill .document-status{background:var(--success);border-radius:50%;flex:none;width:6px;height:6px}.topbar-tools{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:8px;align-items:center;gap:2px;margin-left:auto;padding:3px;display:flex}.topbar-center{background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.topbar-right{align-items:center}.zoom-readout{height:30px;color:var(--text-dim);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;padding:0 9px;font-size:11.5px;font-weight:500;display:inline-flex}.mode-switch{border:1px solid var(--border);background:var(--panel-soft);border-radius:10px;gap:3px;padding:3px;display:flex}.mode-switch-btn{color:var(--text-dim);white-space:nowrap;border-radius:7px;align-items:center;gap:7px;padding:6px 18px;font-size:12px;font-weight:500;transition:background .14s,color .14s,box-shadow .14s;display:inline-flex}.mode-switch-btn svg{width:14px;height:14px}.mode-switch-btn:hover:not(.active){color:var(--text);background:var(--panel-3)}.mode-switch-btn.active{color:var(--text);background:oklch(31% .004 270);font-weight:600;box-shadow:inset 0 1px oklch(100% 0 0/.06)}.mode-motion .mode-switch-btn.active{background:var(--primary);color:var(--primary-foreground);box-shadow:0 4px 14px oklch(52% .19 267/.4)}.panel-tabbar{flex:none;padding:10px 12px 4px}.panel-tabs{background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;width:100%;padding:0;display:grid}.panel-tab{color:var(--text-dim);border-radius:7px;padding:7px 0;font-size:11.5px;font-weight:500;transition:background .14s,color .14s}.panel-tab[data-state=active]{background:var(--sidebar-accent);color:var(--text);font-weight:600}.add-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.add-tile{border:1px solid var(--border);background:var(--panel-3);height:50px;color:var(--text-dim);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:500;transition:background .14s,border-color .14s,color .14s;display:flex}.add-tile svg{width:15px;height:15px}.add-tile:hover:not(:disabled){background:var(--accent-hover);color:var(--text);border-color:oklch(38% .004 270)}.add-tile:disabled{opacity:.5;cursor:default}.canvas-area{background:radial-gradient(circle at 32% -4%, oklch(30% .07 277/.4), transparent 52%), var(--canvas-void);position:relative}.canvas-stage{background-image:radial-gradient(oklch(30% .004 270) 1px,#0000 1px);background-size:22px 22px;flex:1;min-height:0;display:flex;position:relative}.canvas-zoom{transform-origin:50%;transition:transform .16s}.canvas-toolbar{z-index:var(--z-canvas-ui);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:oklch(21% .004 270/.92);border:1px solid oklch(32% .004 270);border-radius:11px;align-items:center;gap:3px;padding:5px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px oklch(0% 0 0/.5)}.canvas-tool{width:32px;height:32px;color:var(--text-dim);border-radius:7px;place-items:center;transition:background .14s,color .14s;display:grid}.canvas-tool svg{width:15px;height:15px}button.canvas-tool:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.canvas-tool:disabled{opacity:.4;cursor:default}.canvas-tool-active{background:var(--primary);color:var(--primary-foreground)}.canvas-toolbar-divider{background:var(--border);width:1px;height:20px;margin:0 4px}.canvas-zoom-value{min-width:46px;height:32px;color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:7px;font-size:11.5px;font-weight:500}.canvas-zoom-value:hover{background:var(--panel-3)}@media (width<=1040px){.topbar-tools{margin-left:6px}.document-pill,.zoom-readout{display:none}.mode-switch-btn{padding:6px 12px}}.asset-shell{flex-direction:column}.sidebar-right{width:296px}.sidebar [data-radix-scroll-area-viewport]>div{min-width:0;display:block!important}.canvas-fit{background-color:#0000;background-image:none;padding:clamp(20px,3vw,44px)}.template-thumb,.style-btn,.asset-card{white-space:normal!important;height:auto!important;min-height:0!important}.template-thumb .style-name,.style-btn .style-name{text-overflow:ellipsis;max-width:100%;overflow:hidden}.canvas-stage{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.infinite-canvas{touch-action:none;background-image:radial-gradient(oklch(30% .004 270) 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;overflow:hidden}.infinite-canvas.is-panning{cursor:grab}.infinite-canvas.is-panning:active{cursor:grabbing}.canvas-plane{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.artboard{position:absolute}.artboard-label{justify-content:space-between;align-items:center;gap:12px;height:16px;margin-bottom:7px;display:flex}.artboard-name{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.artboard.active .artboard-name{color:oklch(72% .14 267);font-weight:600}.artboard-dims{font-family:var(--font-mono);color:var(--text-muted);flex:none;font-size:10.5px}.artboard-body{border:1px solid oklch(32% .004 270);border-radius:10px;width:100%;height:calc(100% - 23px);position:relative;overflow:hidden;box-shadow:0 30px 70px oklch(0% 0 0/.5)}.artboard.active .artboard-body{outline:2px solid var(--primary);outline-offset:2px;border-color:#0000}.artboard-live,.artboard-hit{border-radius:inherit;border:0;width:100%;height:100%;padding:0;display:block;overflow:hidden}.artboard-live .scene{border-radius:0}.artboard-hit{cursor:pointer;transition:opacity .14s}.artboard-hit:hover{opacity:.86}.artboard-ghost{color:var(--text-muted);border:1px dashed oklch(36% .004 270);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:500;transition:border-color .14s,color .14s;display:flex;position:absolute}.artboard-ghost:hover{border-color:var(--primary);color:var(--text)}.ab-preview{width:100%;height:100%;font-size:5px;position:relative;overflow:hidden;container-type:size}.ab-preview-img,.ab-preview-shape,.ab-preview-text{transform-origin:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.ab-preview-img{object-fit:cover;width:78%;box-shadow:0 2em 4em #00000073}.ab-preview-shape{width:30%}.ab-preview-text{text-align:center;text-wrap:balance;width:80%;line-height:1.1}.layer-decor{pointer-events:none;position:absolute;inset:0}.traffic-lights-off{display:none}.section-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.section-head .section-label{margin:0}.section-head .section-meta{color:var(--text-muted);flex:none;font-size:10.5px;font-weight:400}.tick-slider{flex-direction:column;gap:5px;display:flex}.tick-slider.is-disabled{opacity:.45;pointer-events:none}.tick-slider-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tick-slider-head [data-slot=label]{color:var(--text-dim);cursor:pointer;font-size:11px;font-weight:500}.tick-slider-value{background:var(--panel-soft);border:1px solid var(--border);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);border-radius:5px;padding:3px 7px;font-size:10.5px;font-weight:500}.tick-slider-well{background:var(--panel-soft);border:1px solid oklch(27% .004 270);border-radius:5px;height:18px;display:block;position:relative;overflow:hidden}.tick-slider-ticks{background:repeating-linear-gradient(90deg,oklch(36% .004 270) 0 1px,#0000 1px 7px);position:absolute;inset:0}.tick-slider-fill{background:repeating-linear-gradient(90deg,oklch(62% .17 267) 0 1px,#0000 1px 7px);position:absolute;top:0;bottom:0;left:0}.tick-slider-head-line{background:oklch(82% .14 267);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 9px oklch(62% .17 267)}.tick-slider-input{width:100%;height:100%;position:absolute;inset:0}.tick-slider-input [data-slot=slider-track]{background:0 0;border-radius:0;height:100%}.tick-slider-input [data-slot=slider-range]{background:0 0}.tick-slider-input [role=slider]{width:14px;height:18px;box-shadow:none;background:0 0;border:0;border-radius:3px}.tick-slider-input [role=slider]:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.thumb-tile{text-align:center;flex-direction:column;gap:5px;min-width:0;display:flex}.thumb-tile:disabled{opacity:.5;cursor:default}.thumb-art{background:var(--panel-soft);border:1px solid var(--border);border-radius:7px;height:38px;transition:border-color .14s,box-shadow .14s;display:block;position:relative;overflow:hidden}.thumb-art-tall{height:44px}.thumb-tile:hover .thumb-art{border-color:oklch(40% .004 270)}.thumb-tile.active .thumb-art{border-color:var(--primary);box-shadow:0 0 0 1px oklch(58% .19 267/.6)}.thumb-bar{border-radius:2px;position:absolute}.thumb-caption{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.thumb-tile.active .thumb-caption{color:var(--text)}.switch-row{justify-content:space-between;align-items:center;gap:10px;min-height:22px;display:flex}.switch-row-label{color:var(--text-dim);font-size:11px;font-weight:500}.pill-switch{background:var(--border);border-radius:999px;flex:none;width:30px;height:17px;transition:background .14s;position:relative}.pill-switch:disabled{opacity:.45;cursor:default}.pill-switch-knob{background:oklch(97% .002 270);border-radius:50%;width:13px;height:13px;transition:transform .14s;position:absolute;top:2px;left:2px}.swatch-row{align-items:center;gap:9px;display:flex}.swatch-row-label{letter-spacing:.04em;width:52px;color:var(--text-muted);flex:none;font-size:10px;font-weight:500;line-height:1.2}.swatch-grid{flex:1;gap:5px;min-width:0;display:grid}.swatch{aspect-ratio:1;border:1px solid var(--border);border-radius:7px;transition:transform .12s}.swatch:hover{transform:translateY(-1px)}.swatch.active{outline:2px solid var(--primary);outline-offset:1px;border-color:#0000}.color-dots{gap:6px;display:flex}.color-dot{border:1px solid oklch(34% .004 270);border-radius:50%;flex:none;width:18px;height:18px}.color-dot.active{outline:2px solid var(--primary);outline-offset:1px;border-color:#0000}.num-chip{background:var(--panel-soft);border:1px solid var(--border);border-radius:7px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:6px 4px;transition:border-color .14s;display:flex}.num-chip:hover:not(:disabled){border-color:oklch(40% .004 270)}.num-chip:disabled{opacity:.45;cursor:default}.num-chip-prefix{font-family:var(--font-mono);color:var(--text-muted);font-size:10.5px;font-weight:500}.num-chip-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);font-size:11px;font-weight:500}.num-chip-input{width:100%;min-width:0;font-family:var(--font-mono);color:var(--text);background:0 0;border:0;outline:none;font-size:11px}.num-chip-input::-webkit-outer-spin-button{appearance:none;margin:0}.num-chip-input::-webkit-inner-spin-button{appearance:none;margin:0}.num-chip-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.tile-grid{gap:7px;display:grid}.tile-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.look-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.look-tile{flex-direction:column;gap:4px;min-width:0;display:flex}.look-swatch{border:1px solid var(--border);border-radius:6px;height:30px;transition:transform .12s}.look-tile:hover .look-swatch{transform:translateY(-1px)}.look-tile.active .look-swatch{outline:2px solid var(--primary);outline-offset:1px;border-color:#0000}.look-name{color:var(--text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:500;overflow:hidden}.look-tile.active .look-name{color:var(--text)}.pose-row{align-items:stretch;gap:11px;display:flex}.pose-pad{flex-direction:column;flex:none;gap:6px;width:96px;display:flex}.pose-pad .drag-pad{height:62px}.pose-pad .drag-pad-instructions{display:none}.pose-sliders{flex-direction:column;flex:1;justify-content:center;gap:10px;min-width:0;display:flex}.entrance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.entrance-tile{border:1px solid var(--border);color:var(--text-dim);border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:11.5px;font-weight:500;transition:border-color .14s,background .14s,color .14s;display:inline-flex}.entrance-tile:hover:not(:disabled){border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.entrance-tile:hover:not(:disabled){background:color-mix(in oklch, var(--primary) 14%, transparent)}}.entrance-tile:hover:not(:disabled){color:var(--text)}.entrance-tile:disabled{opacity:.5;cursor:default}.entrance-swatch{background:oklch(40% .004 270);border-radius:2px;flex:none;width:16px;height:9px}.cascade-btn{height:34px;color:var(--text-dim);border:1px dashed oklch(36% .004 270);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:11.5px;font-weight:500;display:inline-flex}.cascade-btn:hover{border-color:var(--primary);color:var(--text)}.kf-row{align-items:flex-start;gap:10px;display:flex}.kf-curve{background:var(--panel-soft);border:1px solid var(--border);border-radius:8px;flex:none;width:74px;height:56px;position:relative;overflow:hidden}.kf-controls{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.kf-actions{gap:7px;display:flex}.kf-actions .mini-btn{flex:1;justify-content:center}.section-foot{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panel-more>summary{cursor:pointer;color:var(--text-muted);padding:7px 0;font-size:11px;font-weight:500;list-style:none}.panel-more>summary::-webkit-details-marker{display:none}.panel-more>summary:before{content:"▸ ";transition:transform .14s;display:inline-block}.panel-more[open]>summary:before{content:"▾ "}.panel-more>summary:hover{color:var(--text)}.panel-more-block{border-top:1px solid var(--border-soft);padding-top:6px}.capture-popover{padding:12px}.swatch-action{color:var(--text-dim);border-style:dashed;place-items:center;display:grid}.swatch-action svg{width:12px;height:12px}.inspector-empty{text-align:center;flex-direction:column;align-items:center;gap:11px;padding:30px 20px;display:flex}.inspector-empty-icon{width:40px;height:40px;color:var(--text-muted);background:oklch(22% .004 270);border-radius:11px;place-items:center;display:grid}.inspector-empty-icon svg{width:19px;height:19px}.inspector-empty-title{color:var(--text);font-size:12.5px;font-weight:600}.inspector-empty-copy{max-width:190px;color:var(--text-muted);text-wrap:pretty;font-size:11.5px;line-height:1.6}.tl-loop{gap:7px}.export-sheet{flex-direction:column;gap:16px;width:420px;max-width:calc(100vw - 24px);padding:16px;display:flex}.export-sheet-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.export-sheet-chip{background:var(--panel-2);color:var(--text-dim);white-space:nowrap;border-radius:6px;padding:4px 9px;font-size:10.5px;font-weight:500}.export-group{flex-direction:column;gap:9px;display:flex}.chip-row{gap:7px;display:flex}.export-chip{border:1px solid var(--border);min-width:0;height:32px;color:var(--text-dim);white-space:nowrap;border-radius:8px;flex:1;place-items:center;padding:0 8px;font-size:11.5px;font-weight:500;transition:border-color .14s,background .14s,color .14s;display:grid}.export-chip:hover:not(:disabled){border-color:var(--primary);color:var(--text)}.export-chip:disabled{opacity:.45;cursor:default}.export-chip.active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.export-chip.active{background:color-mix(in oklch, var(--primary) 16%, transparent)}}.export-chip.active{border-color:var(--primary);color:oklch(86% .09 267);font-weight:600}.export-chip-mono{height:30px;font-family:var(--font-mono);font-size:11px}.export-chip-wide{width:100%;color:var(--text-muted);font-weight:400}.export-progress{background:var(--panel-soft);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:9px;padding:13px;display:flex}.export-progress-head{color:var(--text);justify-content:space-between;align-items:center;gap:10px;font-size:11.5px;font-weight:500;display:flex}.export-progress-pct{font-family:var(--font-mono);color:oklch(78% .13 267)}.export-progress-bar{background:var(--panel-2);border-radius:3px;height:5px;display:block;position:relative;overflow:hidden}.export-progress-bar>span{background:var(--primary);border-radius:3px;transition:width .2s;position:absolute;top:0;bottom:0;left:0}.export-progress-note{color:var(--text-muted);font-size:10.5px}.step-rail{flex-direction:column;gap:4px;padding:16px 12px;display:flex}.step-rail-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);padding:0 6px 8px;font-size:10.5px;font-weight:600}.step-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.step{border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;padding:11px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.step.current{background:color-mix(in oklch, var(--primary) 14%, transparent)}}.step.current{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.step.current{border-color:color-mix(in oklch, var(--primary) 55%, transparent)}}.step-num{width:22px;height:22px;color:var(--text-dim);font-family:var(--font-mono);border:1px solid oklch(40% .004 270);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.step.current .step-num{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.step-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.step-title{font-size:12px;font-weight:600}.step-hint{color:var(--text-muted);font-size:10.5px}.step.current .step-hint{color:oklch(70% .05 267)}.step-tip{background:var(--popover);border:1px solid var(--border);color:var(--text-dim);border-radius:9px;margin:auto 0 0;padding:11px;font-size:11px;line-height:1.55}.kbd{font-family:var(--font-mono);color:var(--text)}.empty-canvas{background-image:radial-gradient(oklch(30% .004 270) 1px,#0000 1px);background-size:22px 22px;place-items:center;padding:24px;display:grid;position:absolute;inset:0;overflow:auto}.empty-hero{text-align:center;flex-direction:column;align-items:center;gap:22px;width:min(520px,100%);display:flex}.empty-hero-copy{flex-direction:column;align-items:center;gap:9px;display:flex}.empty-hero-copy h2{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.empty-hero-copy p{max-width:400px;color:var(--text-dim);text-wrap:pretty;margin:0;font-size:13px;line-height:1.6}.empty-dropzone{background:oklch(18% .004 270/.7);border:1.5px dashed oklch(40% .04 277);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:220px;transition:border-color .16s,background .16s;display:flex}.empty-dropzone:hover{border-color:var(--primary);background:oklch(20% .004 270/.8)}.empty-dropzone-icon{background:var(--primary);border-radius:14px;place-items:center;width:52px;height:52px;display:grid}@supports (color:color-mix(in lab, red, red)){.empty-dropzone-icon{background:color-mix(in oklch, var(--primary) 16%, transparent)}}.empty-dropzone-icon{color:oklch(78% .13 267)}.empty-dropzone-icon svg{width:24px;height:24px}.empty-dropzone-cta{background:var(--primary);color:var(--primary-foreground);border-radius:9px;padding:10px 18px;font-size:12.5px;font-weight:600;box-shadow:0 8px 22px oklch(52% .19 267/.4)}.empty-dropzone-note{color:var(--text-muted);font-size:11.5px}.empty-divider{letter-spacing:.09em;text-transform:uppercase;width:100%;color:var(--text-muted);align-items:center;gap:12px;font-size:10.5px;font-weight:500;display:flex}.empty-divider span{background:var(--border-soft);flex:1;height:1px}.empty-starters{gap:10px;width:100%;display:flex}.empty-starter{min-width:0;color:var(--text-dim);flex-direction:column;flex:1;gap:6px;font-size:11px;font-weight:500;display:flex}.empty-starter-swatch{border:1px solid var(--border);border-radius:9px;height:56px;transition:transform .14s,border-color .14s}.empty-starter:hover .empty-starter-swatch{border-color:var(--primary);transform:translateY(-2px)}.mode-switch-btn.locked{opacity:.55;cursor:default}.mode-lock{width:12px!important;height:12px!important}.mode-switch-lockwrap{display:contents}@media (width<=1040px){.sidebar-left,.sidebar-right{inset-block:auto 0;border-bottom:0;border-radius:14px 14px 0 0;width:auto;max-height:min(62dvh,520px);left:0;right:0;box-shadow:0 -18px 60px oklch(4% .004 270/.65)}.sidebar-left:before,.sidebar-right:before{content:"";background:oklch(34% .004 270);border-radius:2px;flex:none;width:36px;height:4px;margin:10px auto 2px}.canvas-stage{padding-bottom:0}.step-rail{max-height:min(52dvh,420px);overflow-y:auto}.step-tip{margin-top:12px}.empty-hero{gap:16px}.empty-dropzone{height:160px}}.stack-row{flex-direction:column;gap:6px;display:flex}.layers-search{width:100%}.layers-group{color:var(--text-muted)}.selected-layer{border-top:1px solid var(--border-soft);flex-direction:column;gap:9px;margin-top:4px;padding-top:12px;display:flex}.layer-actions-row{gap:6px;display:flex}.layer-actions-row .mini-btn{flex:1;justify-content:center}.filter-pills{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:500;transition:background .14s,color .14s,border-color .14s}.filter-pill:hover{color:var(--text)}.filter-pill.active{color:var(--text);background:oklch(30% .004 270);border-color:#0000}@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-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-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-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--accordion-panel-height,auto))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--accordion-panel-height,auto))}to{height:0}}:root{--h-primary:40px;--h-secondary:36px;--h-compact:32px;--h-mini:28px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:12px;--fs-label:11.5px;--fs-body:12.5px;--fs-title:13px;--fs-meta:10.5px}.section-v2{border-bottom:1px solid var(--border-soft)}.section-v2-head{width:100%;height:var(--h-secondary);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 2px;font-size:12px;font-weight:500;display:flex}.section-v2-head:hover .section-v2-title{color:var(--text)}.section-v2-head:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:4px}.section-v2-chevron{color:var(--text-dim);transition:transform .14s;display:flex}.section-v2.is-open .section-v2-chevron{transform:rotate(90deg)}.section-v2-title{flex:1;min-width:0}.section-v2-meta{color:var(--text-dim);font-size:10.5px;font-weight:400}.section-v2-body{flex-direction:column;gap:10px;padding:2px 0 14px;display:flex}.section-v2-body>.panel-section{border:0;gap:8px;padding:0}.field-v2{min-height:var(--h-compact);justify-content:space-between;align-items:center;gap:10px;display:flex}.field-v2-label{color:var(--text-dim);font-size:var(--fs-label);flex-direction:column;gap:1px;display:flex}.field-v2-hint{color:var(--text-dim);font-size:10.5px}.field-v2-control,.field-row-v2{align-items:center;gap:6px;display:flex}.field-grid-v2{gap:6px;display:grid}.numfield{height:var(--h-compact);padding:0 var(--sp-2);border:1px solid var(--border-soft);border-radius:var(--r-md);background:var(--panel-soft);align-items:center;gap:4px;display:flex}.numfield:focus-within{border-color:var(--primary)}.numfield.is-disabled{opacity:.5}.numfield-label{color:var(--text-dim);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0;font-size:11px}.numfield.is-disabled .numfield-label{cursor:default}.numfield-input{width:100%;min-width:0;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:0;font-size:12px}.numfield-input:focus-visible{outline:none}.numfield-input::placeholder{color:var(--text-dim);font-size:11px}.numfield-input::-webkit-outer-spin-button{appearance:none;margin:0}.numfield-input::-webkit-inner-spin-button{appearance:none;margin:0}.numfield-input[type=number]{appearance:textfield}.numfield-unit{color:var(--text-dim);flex-shrink:0;font-size:10.5px}.knob-field{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.knob-field .numfield{flex:1;min-width:0}.knob{width:var(--h-compact);height:var(--h-compact);box-shadow:inset 0 1px 0 oklch(100% 0 0/.08), 0 0 0 1px var(--border-soft), 0 2px 6px oklch(0% 0 0/.35);cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 35%,oklch(34% .012 262),oklch(22% .01 262) 70%);border-radius:999px;outline:none;flex-shrink:0;position:relative}.knob:active{cursor:grabbing}.knob:focus-visible{box-shadow:inset 0 1px 0 oklch(100% 0 0/.08), 0 0 0 2px var(--primary)}.knob-dial{border-radius:inherit;transition:transform 60ms linear;position:absolute;inset:3px}.knob-pointer{background:var(--primary);width:2px;height:36%;box-shadow:0 0 6px color-mix(in oklch, var(--primary) 60%, transparent);border-radius:2px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.snap-guides{pointer-events:none;z-index:40;position:absolute;inset:0}.snap-guide{background:oklch(72% .19 350);position:absolute}.snap-guide-x{width:1px;margin-left:-.5px}.snap-guide-y{height:1px;margin-top:-.5px}.snap-guide-centre{background:oklch(78% .2 200)}.selection-toolbar{z-index:41;border:1px solid var(--border-soft);background:var(--panel);border-radius:8px;align-items:center;gap:2px;padding:3px;font-size:13px;display:flex;position:absolute;box-shadow:0 8px 24px oklch(0% 0 0/.45)}.selection-toolbar.is-above{transform:translate(-50%,calc(-100% - 10px))}.selection-toolbar.is-below{transform:translate(-50%,10px)}.selection-btn{width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;display:flex}.selection-btn svg{width:14px;height:14px}.selection-btn:hover{background:var(--panel-2);color:var(--text)}.selection-btn.danger:hover{color:var(--destructive,oklch(68% .2 25))}.selection-sep{background:var(--border-soft);width:1px;height:16px;margin:0 2px}.filter-pills-sub{margin-top:-2px}.filter-pill-sub{opacity:.85;font-size:10.5px}.asset-browser .asset-preview{aspect-ratio:16/10;min-height:84px}.asset-browser .asset-card{min-height:0}.tick-slider-well{height:16px}.tick-slider-ticks{opacity:.7;background:repeating-linear-gradient(90deg,oklch(32% .004 270) 0 1px,#0000 1px 8px)}.tick-slider-head-line{box-shadow:0 0 6px oklch(62% .17 267/.7)}.segmented{width:100%;display:flex}.segmented-btn{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.asset-browser .filter-pills{margin-bottom:8px}.asset-browser .filter-pills-sub{margin-top:0;margin-bottom:16px}.inspector-shell .panel-stack:has(.section-v2){gap:0}.inspector-shell .section-v2+.panel-section{padding-top:14px}.inspector-actions{gap:6px;padding:12px 0;display:flex}.inspector-actions .mini-btn{flex:1 1 0;justify-content:center}.section-v2-body .pose-pad{flex-direction:column;gap:6px;display:flex}.role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.role-chip{border:1px solid var(--border-soft);background:var(--panel-soft);height:28px;color:var(--text-dim);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:0 6px;font-size:11px;overflow:hidden}.role-chip:hover{border-color:var(--border);color:var(--text)}.role-chip.active{border-color:var(--primary);background:var(--accent-soft);color:var(--text)}.swatch-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.media-source{aspect-ratio:16/10;border:1px dashed var(--border);border-radius:var(--r-lg);cursor:pointer;background:repeating-conic-gradient(oklch(24% .01 262) 0% 25%,oklch(20% .01 262) 0% 50%) 0 0/14px 14px;place-items:center;width:100%;padding:8px;transition:border-color .12s;display:grid;overflow:hidden}.media-source:hover,.media-source:focus-visible{border-color:var(--text-muted)}.media-source-frame{place-items:center;width:100%;height:100%;min-height:0;display:grid}.media-source-img{object-fit:contain;border-radius:var(--r-md);max-width:100%;max-height:100%;display:block;box-shadow:0 6px 18px #00000059}.media-source-empty{color:var(--text-muted);font-size:var(--fs-label)}.media-source-meta{color:var(--text-muted);font-size:var(--fs-meta);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;display:flex}.media-source-replace{border-radius:var(--r-md);color:var(--text);font-size:var(--fs-meta);background:var(--panel-2);padding:3px 8px}.media-source-replace:hover{background:var(--accent-soft)}.tilt{gap:var(--sp-2);display:grid}.tilt-head{align-items:center;gap:var(--sp-2);display:flex}.tilt-readout{color:var(--text-dim);font-size:var(--fs-meta);font-variant-numeric:tabular-nums;margin-right:auto}.tilt-reset{border-radius:var(--r-md);height:22px;color:var(--text);font-size:var(--fs-meta);background:var(--panel-2);align-items:center;gap:4px;padding:0 8px;display:inline-flex}.tilt-reset svg{width:11px;height:11px}.tilt-reset:hover:not(:disabled){background:var(--accent-soft)}.tilt-reset:disabled{opacity:.4}.tilt-pad{border:1px solid var(--border-soft);border-radius:var(--r-lg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,oklch(100% 0 0/.07) 1px,#0000 1.4px) 0 0/14px 14px,radial-gradient(at 50% 60%,oklch(26% .03 267),oklch(17% .01 262) 75%);outline:none;place-items:center;height:148px;display:grid;position:relative;overflow:hidden}.tilt-pad:active{cursor:grabbing}.tilt-pad:focus-visible{border-color:var(--primary)}.tilt-pad.is-disabled{opacity:.5;cursor:default}.tilt-hint{color:var(--text-dim);letter-spacing:.02em;opacity:.7;pointer-events:none;font-size:9.5px;position:absolute}.tilt-hint-x{bottom:6px;left:50%;transform:translate(-50%)}.tilt-hint-y{writing-mode:vertical-rl;top:50%;right:4px;transform:translateY(-50%)}.tilt-stage{pointer-events:none;place-items:center;width:100%;height:100%;display:grid}.tilt-card{aspect-ratio:16/10;width:44%;transform-style:preserve-3d;background:linear-gradient(160deg,oklch(97% .01 262),oklch(88% .02 262));border-radius:7px;align-content:start;gap:6px;padding:0 0 8px;transition:transform 70ms linear;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 28px oklch(0% 0 0/.45),0 0 0 1px oklch(100% 0 0/.3)}.tilt-card-bar{background:oklch(82% .02 262);height:12%}.tilt-card-line{background:var(--primary);opacity:.8;border-radius:3px;height:6%;margin:0 10%}.tilt-card-line.short{background:oklch(70% .02 262);margin-right:45%}.tilt-card-block{background:oklch(80% .03 262);border-radius:4px;height:30%;margin:0 10%}.tilt-presets{flex-wrap:wrap;gap:4px;display:flex}.tilt-preset{border:1px solid var(--border-soft);height:24px;color:var(--text-muted);font-size:var(--fs-meta);background:var(--panel-soft);border-radius:999px;padding:0 9px}.tilt-preset:hover:not(:disabled){color:var(--text);border-color:var(--text-dim)}.tilt-preset.active{color:var(--text);border-color:var(--primary);background:var(--accent-soft)}.layers-list{flex-direction:column;gap:4px;display:flex}.layer-row-v2{min-height:68px;padding:var(--sp-2);border-radius:var(--r-lg);background:var(--panel-soft);cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;transition:background .14s,border-color .14s;display:flex}.layer-row-v2:hover{border-color:var(--border);background:var(--panel-2)}.layer-row-v2.active{background:var(--accent-soft);border-color:oklch(57% .205 255/.55)}.layer-row-v2:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.layer-row-v2.drop-target{border-color:var(--info)}.layer-row-v2.is-hidden .layer-thumb-v2,.layer-row-v2.is-hidden .layer-meta{opacity:.45}.layer-row-pinned{border-color:var(--border-soft);background:0 0;border-style:dashed;min-height:52px}.layer-row-pinned.active{border-style:solid}.layer-grip-empty{width:13px}.layer-thumb-v2{object-fit:cover;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:6px;flex-shrink:0;width:56px;height:40px}.layer-thumb-v2-empty{color:var(--text-dim);justify-content:center;align-items:center;display:flex}.layer-thumb-v2-empty svg{width:16px;height:16px}.layer-thumb-v2-text{justify-content:center;align-items:center;padding:3px 5px;display:flex;overflow:hidden}.layer-thumb-v2-line{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;width:100%;font-size:9px;line-height:1.25;display:-webkit-box;overflow:hidden}.layer-thumb-v2-badge{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;padding:2px 6px;font-size:8px;line-height:1.3;overflow:hidden}.layer-row-v2 .layer-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.layer-row-v2 .layer-name{font-size:var(--fs-body);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-rename{border:1px solid var(--primary);background:var(--panel);width:100%;color:var(--text);font:inherit;border-radius:4px;padding:2px 4px;font-size:12.5px}.layer-rename:focus-visible{outline:none}.layer-row-v2 .layer-actions{opacity:0;flex-direction:row;align-items:center;gap:2px;transition:opacity .14s;display:flex}.layer-row-v2:hover .layer-actions,.layer-row-v2.active .layer-actions,.layer-row-v2:focus-within .layer-actions,.layer-row-v2.is-locked .layer-actions{opacity:1}.layer-flag{color:var(--text-dim);display:flex}.layer-flag svg{width:12px;height:12px}.layer-badge{background:var(--panel-2);color:var(--text-dim);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:10px}.artboard-label{margin-bottom:calc(8px / var(--canvas-zoom,1));width:calc(100% * var(--canvas-zoom,1));transform:scale(calc(1 / var(--canvas-zoom,1)));transform-origin:0 100%;position:absolute;bottom:100%;left:0}.artboard-body{height:100%}.artboard-ghost{gap:calc(6px / var(--canvas-zoom,1));font-size:calc(11px / var(--canvas-zoom,1))}.artboard-ghost svg{width:calc(16px / var(--canvas-zoom,1));height:calc(16px / var(--canvas-zoom,1))}.selection-toolbar.is-above{transform:translate(-50%, calc(-100% - 10px / var(--canvas-zoom,1))) scale(calc(1 / var(--canvas-zoom,1)));transform-origin:50% 100%}.selection-toolbar.is-below{transform:translate(-50%, calc(10px / var(--canvas-zoom,1))) scale(calc(1 / var(--canvas-zoom,1)));transform-origin:50% 0}.mockup-area{pointer-events:none}.mockup-3d.interactive{pointer-events:auto}.mockup-clip{width:100%;height:100%;position:relative}.selection-ring{inset:calc(-1px / (var(--canvas-zoom,1) * var(--layer-zoom,1)));border:calc(1.5px / (var(--canvas-zoom,1) * var(--layer-zoom,1))) solid var(--primary);border-radius:0}.scale-handles{pointer-events:none;--handle:calc(9px / (var(--canvas-zoom,1) * var(--layer-zoom,1)));position:absolute;inset:0}.scale-handle{width:var(--handle);height:var(--handle);border:calc(1.5px / (var(--canvas-zoom,1) * var(--layer-zoom,1))) solid var(--primary);border-radius:calc(2px / (var(--canvas-zoom,1) * var(--layer-zoom,1)));pointer-events:auto;touch-action:none;background:#fff;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000059}.scale-handle:after{content:"";position:absolute;inset:-80%}.scale-handle-nw{cursor:nwse-resize;top:0;left:0}.scale-handle-ne{cursor:nesw-resize;top:0;left:100%}.scale-handle-sw{cursor:nesw-resize;top:100%;left:0}.scale-handle-se{cursor:nwse-resize;top:100%;left:100%}.placeholder-area{container-type:size}.placeholder-area .mockup-size{width:min(62cqw,120cqh);max-width:none;max-height:none}.placeholder-area .mockup-placeholder{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:normal;pointer-events:auto;background:oklch(18% .03 262/.62);border:max(1px,.3cqmin) dashed oklch(96% .018 255/.42);border-radius:3.2cqmin;gap:1.6cqmin;width:100%;min-height:34cqmin;padding:5cqmin 4cqmin}.placeholder-area .mockup-placeholder:hover{background:oklch(20% .035 262/.7);border-color:oklch(96% .018 255/.7)}.placeholder-area .mockup-placeholder svg{box-sizing:content-box;background:oklch(100% 0 0/.12);border-radius:999px;width:6cqmin;height:6cqmin;padding:1.4cqmin}.placeholder-area .mockup-placeholder-title{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(9px,4.4cqmin,30px);font-weight:600;line-height:1.15}.placeholder-area .mockup-placeholder-sub{opacity:.66;text-wrap:balance;font-size:clamp(7px,2.8cqmin,18px);line-height:1.35}.parallax-rig{transform-style:preserve-3d;position:absolute;inset:0}.is-preview3d .parallax-rig{transform:perspective(160em) rotateY(calc(var(--px,0) * 7deg)) rotateX(calc(var(--py,0) * -7deg));transition:transform .18s ease-out}.is-preview3d [data-layer-root]{transform:translate3d(calc(var(--px,0) * var(--depth,25) * .0625em), calc(var(--py,0) * var(--depth,25) * .0625em), 0);transition:transform .18s ease-out}.is-preview3d [data-editor-only]{display:none!important}.mf{isolation:isolate;position:relative}.mf.theme-light{--mf-bar:#f6f6f7;--mf-bar-2:#eaeaec;--mf-line:#00000017;--mf-fg:#3a3a3c;--mf-field:#0000000e;--mf-capsule:#0000000b;--mf-page:#fff;--mf-edge:#00000029}.mf.theme-dark{--mf-bar:#2a2a2c;--mf-bar-2:#1f1f21;--mf-line:#ffffff12;--mf-fg:#e8e8ea;--mf-field:#ffffff14;--mf-capsule:#ffffff12;--mf-page:#161618;--mf-edge:#ffffff21}.mf-icon{flex-shrink:0;width:1.25em;height:1.25em;display:block}.mf-icon.is-dim{opacity:.45}.mf-flex{flex:1;min-width:0}.mf-host,.mf-tab-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mf-favicon{background:conic-gradient(#ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0);border-radius:50%;flex-shrink:0;width:1.05em;height:1.05em}.mf-favicon-alt{background:linear-gradient(135deg,#8e8e93,#636366);border-radius:.25em}.mf-favicon-ff{background:radial-gradient(circle at 35% 35%,#ffd54d,#ff9500 55%,#e0350b)}.mf-safari,.mf-chrome,.mf-firefox{color:var(--mf-fg);background:var(--mf-page);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif;display:flex;overflow:hidden}.mf-safari:after,.mf-chrome:after,.mf-firefox:after,.mf-arc:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 .07em var(--mf-edge);pointer-events:none;position:absolute;inset:0}.mf-toolbar,.mf-safari-tabs,.mf-chrome-tabs,.mf-firefox-tabs,.mf-arc-bar,.mf-lights{font-size:calc(1em * var(--chrome-scale,1))}.mf-toolbar{flex-shrink:0;align-items:center;gap:.85em;padding:0 1.1em;display:flex}.mf-icons{flex-shrink:0;align-items:center;gap:.95em;display:inline-flex}.mf-address-end{margin-left:auto}.mf-screen-area{background:var(--mf-page);flex:1;min-height:0;position:relative;overflow:hidden}.mf-screen-area .mockup-img,.mf-arc-screen .mockup-img{object-position:top center}.mf-lights{flex-shrink:0;gap:.62em;display:inline-flex}.mf-light{border-radius:50%;width:.95em;height:.95em;box-shadow:inset 0 0 0 .05em #00000024}.mf-light-close{background:#ff5f57}.mf-light-min{background:#febc2e}.mf-light-zoom{background:#28c840}.mf-lights-off{width:0}.mf-safari-bar{background:var(--mf-bar);border-bottom:1px solid var(--mf-line);height:3.3em}.mf-capsule{background:var(--mf-capsule);height:2.2em;box-shadow:inset 0 0 0 .05em var(--mf-line);border-radius:1.1em;flex-shrink:0;align-items:center;gap:1em;padding:0 .85em;display:inline-flex}.mf-capsule-icon{padding:0 .55em}.mf-safari-address{background:var(--mf-field);border-radius:1.1em;justify-content:center;align-items:center;gap:.45em;width:42%;height:2.2em;padding:0 2.4em;font-size:1.02em;display:inline-flex;position:relative}.mf-safari-address .mf-address-end{position:absolute;right:.8em}.mf-safari-tabs{background:var(--mf-bar-2);border-bottom:1px solid var(--mf-line);flex-shrink:0;gap:.3em;height:2.3em;padding:.3em .6em;display:flex}.mf-safari-tab{opacity:.6;border-radius:.55em;flex:1;justify-content:center;align-items:center;gap:.45em;min-width:0;padding:0 .8em;font-size:.92em;display:flex}.mf-safari-tab.is-active{opacity:1;background:var(--mf-bar);box-shadow:0 .05em .2em #0000001a}.mf-chrome.theme-light{--mf-strip:#e1e5ea;--mf-tab:#fff;--mf-omni:#eef1f4}.mf-chrome.theme-dark{--mf-strip:#1f1f1f;--mf-tab:#3c3c3c;--mf-omni:#282828}.mf-chrome-tabs{background:var(--mf-strip);flex-shrink:0;align-items:flex-end;gap:.2em;height:3em;padding:0 .9em 0 1.1em;display:flex}.mf-chrome-tabs .mf-lights{align-self:center;margin-right:.9em}.mf-chrome-tab{border-radius:.75em .75em 0 0;align-items:center;gap:.6em;width:15em;height:2.3em;padding:0 .8em 0 .95em;font-size:.95em;display:flex;position:relative}.mf-chrome-tab.is-active{background:var(--mf-tab)}.mf-chrome-tab.is-active:before,.mf-chrome-tab.is-active:after{content:"";width:.75em;height:.75em;position:absolute;bottom:0}.mf-chrome-tab.is-active:before{background:radial-gradient(circle at 0 0, transparent .75em, var(--mf-tab) .76em);left:-.75em}.mf-chrome-tab.is-active:after{background:radial-gradient(circle at 100% 0, transparent .75em, var(--mf-tab) .76em);right:-.75em}.mf-chrome-tab:not(.is-active){opacity:.7}.mf-chrome-tab:not(.is-active):after{content:"";opacity:.25;background:currentColor;width:.07em;position:absolute;top:25%;bottom:25%;right:0}.mf-tab-close{opacity:.6;width:.95em;height:.95em;margin-left:auto}.mf-newtab{opacity:.7;align-self:center;margin-left:.4em}.mf-chrome-search{background:var(--mf-field);border-radius:.5em;align-self:center;place-items:center;width:1.8em;height:1.8em;display:grid}.mf-chrome-bar{background:var(--mf-tab);border-bottom:1px solid var(--mf-line);height:3em}.mf-omnibox{background:var(--mf-omni);border-radius:1.1em;flex:1;align-items:center;gap:.6em;min-width:0;height:2.2em;padding:0 .9em 0 .3em;font-size:1.02em;display:flex}.mf-omnibox-chip{background:var(--mf-field);border-radius:50%;place-items:center;width:1.65em;height:1.65em;display:grid}.mf-omnibox-chip .mf-icon{width:1em;height:1em}.mf-avatar{background:linear-gradient(135deg,#7b5cff,#3aa0ff);border-radius:50%;flex-shrink:0;width:1.5em;height:1.5em}.mf-firefox.theme-light{--mf-strip:#f0f0f4;--mf-tab:#fff;--mf-tool:#f9f9fb;--mf-url:#f0f0f4}.mf-firefox.theme-dark{--mf-strip:#1c1b22;--mf-tab:#42414d;--mf-tool:#2b2a33;--mf-url:#1c1b22}.mf-firefox-tabs{background:var(--mf-strip);flex-shrink:0;align-items:center;gap:.6em;height:3em;padding:0 1.1em;display:flex}.mf-firefox-tabs .mf-lights{margin-right:.6em}.mf-firefox-tab{background:var(--mf-tab);border-radius:.55em;align-items:center;gap:.6em;width:15em;height:2.2em;padding:0 .8em;font-size:.95em;display:flex;box-shadow:0 .06em .3em #00000024}.mf-firefox-bar{background:var(--mf-tool);border-bottom:1px solid var(--mf-line);height:3em}.mf-urlbar{background:var(--mf-url);border-radius:.55em;flex:1;align-items:center;gap:.55em;min-width:0;height:2.2em;padding:0 .9em;font-size:1.02em;display:flex}.mf-arc{color:var(--mf-fg);flex-direction:column;padding:0 .6em .6em;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;display:flex}.mf-arc-bar{flex-shrink:0;align-items:center;gap:.9em;height:2.8em;padding:0 .5em;display:flex}.mf-arc-url{white-space:nowrap;text-overflow:ellipsis;background:#fff6;border-radius:.6em;max-width:45%;height:1.9em;padding:0 1.1em;font-size:.95em;font-weight:600;line-height:1.9em;overflow:hidden}.mf-arc.theme-dark .mf-arc-url{background:#ffffff14}.mf-arc-screen{background:var(--mf-page);border-radius:.8em;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:0 .25em 1.2em #0003,0 0 0 .06em #00000014}.mockup-item.mf-device{--body:#2f3136;--body-hi:color-mix(in oklab, var(--body) 45%, #fff);--body-lo:color-mix(in oklab, var(--body) 62%, #000);--glass:#040405;overflow:visible;container-type:size}.mf-handset{--r:17.9cqmin;--band:1.35cqmin;--border:2.35cqmin;--iw:31.3cqmin;--ih:9.3cqmin;--it:2.75cqmin;--hw:33.3cqmin}.mf-iphone-max{--r:16.4cqmin;--band:1.2cqmin;--border:2.07cqmin;--iw:28.6cqmin;--ih:8.5cqmin;--it:2.5cqmin;--hw:30.5cqmin}.mf-iphone-air{--r:17.1cqmin;--band:1.05cqmin;--border:2.36cqmin;--iw:30cqmin;--ih:8.9cqmin;--it:2.6cqmin;--hw:31.9cqmin}.mf-pixel{--r:15.3cqmin;--band:1.5cqmin;--border:2.9cqmin;--ps:4.6cqmin;--pt:2.8cqmin;--hw:27cqmin}.mf-galaxy{--r:11cqmin;--band:1.15cqmin;--border:1.55cqmin;--ps:3.9cqmin;--pt:2.3cqmin;--hw:26cqmin}.mf-ipad{--r:8cqmin;--band:.45cqmin;--border:3.47cqmin;--hw:30cqmin}.mf-ipad-mini{--r:9.4cqmin;--band:.5cqmin;--border:6.5cqmin;--hw:28cqmin}.mf-body{border-radius:var(--r);background:linear-gradient(150deg, #ffffff4d, #fff0 24%, #0000 68%, #0000003d), conic-gradient(from 225deg, var(--body-hi), var(--body) 9%, var(--body-lo) 20%, var(--body) 31%, var(--body-hi) 45%, var(--body) 56%, var(--body-lo) 70%, var(--body) 81%, var(--body-hi));box-shadow:0 0 0 .07cqmin #00000073, inset 0 0 0 .14cqmin #00000059, inset 0 0 0 .38cqmin color-mix(in srgb, var(--body-hi) 70%, transparent);position:absolute;inset:0}.mf-galaxy .mf-body,.mf-ipad .mf-body{background:linear-gradient(150deg, #ffffff38, #fff0 30%, #0000 70%, #0003), var(--body)}.mf-bezel{inset:var(--band);border-radius:calc(var(--r) - var(--band));background:var(--glass);position:absolute;box-shadow:0 0 0 .1cqmin #0000008c,inset 0 0 0 .12cqmin #ffffff1a}.mf-screen{inset:var(--border);border-radius:calc(var(--r) - var(--band) - var(--border));background:#000;position:absolute;overflow:hidden;container-type:size}.mf-screen .mockup-img,.mf-lid-screen .mockup-img,.mf-desk-screen .mockup-img{object-position:top center}.mf-watch-screen .mockup-img{object-position:center}.fit-contain .mockup-img{object-fit:contain;object-position:center}.mf-island{top:var(--it);z-index:2;width:var(--iw);height:var(--ih);background:radial-gradient(circle at calc(100% - 4.6cqmin),#1b2436 0 1cqmin,#0b0e15 1.4cqmin,#0000 1.8cqmin),#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.is-landscape .mf-island{top:50%;left:var(--it);width:var(--ih);height:var(--iw);background:radial-gradient(circle at 50% 4.6cqmin,#1b2436 0 1cqmin,#0b0e15 1.4cqmin,#0000 1.8cqmin),#000;transform:translateY(-50%)}.mf-punch{top:var(--pt);z-index:2;width:var(--ps);height:var(--ps);background:radial-gradient(circle at 42% 40%,#2a3246 0 12%,#0d1018 38%,#000 62%);border-radius:50%;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 .35cqmin #000000e6}.is-landscape .mf-punch{top:50%;left:var(--pt);transform:translateY(-50%)}.mf-home{z-index:2;width:var(--hw);-webkit-backdrop-filter:grayscale()invert()contrast(6);opacity:.85;background:#ffffff03;border-radius:999px;height:1.25cqmin;position:absolute;bottom:2cqmin;left:50%;transform:translate(-50%)}.mf-home-android{height:1cqmin;bottom:1.8cqmin}.mf-home-ipad{height:.5cqmin;bottom:.8cqmin}.is-landscape .mf-home-ios{width:48cqmin}.is-landscape .mf-home-android{width:38cqmin}.mf-glare{z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff14,#ffffff05 28%,#fff0 42%);position:absolute;inset:0}.mf-bezel-cam{z-index:1;background:radial-gradient(circle at 40% 38%,#2c3648,#0b0e14 55%,#000);border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 .12cqmin #ffffff0d}.mf-ipad .mf-bezel-cam{top:50%;left:calc(100% - var(--border) / 2);width:1.1cqmin;height:1.1cqmin}.mf-ipad.is-landscape .mf-bezel-cam{top:calc(var(--border) / 2);left:50%}.mf-ipad-mini .mf-bezel-cam{top:calc(var(--border) / 2);width:1.7cqmin;height:1.7cqmin;left:50%}.mf-ipad-mini.is-landscape .mf-bezel-cam{top:50%;left:calc(var(--border) / 2)}.mf-btn{--out:.75cqmin;--thick:1.3cqmin;z-index:-1;border-radius:.5cqmin;position:absolute;box-shadow:0 0 0 .05cqmin #0000004d}.mf-btn.is-flush{--out:.4cqmin}.mf-ipad .mf-btn,.mf-ipad .mf-btn.is-flush{--out:.28cqmin;--thick:.8cqmin;border-radius:.3cqmin}.mf-btn.side-l,.mf-btn.side-r{top:var(--at);width:var(--thick);height:var(--len)}.mf-btn.side-l{left:calc(var(--out) * -1);background:linear-gradient(90deg, var(--body-lo), var(--body-hi) 45%, var(--body) 75%)}.mf-btn.side-r{right:calc(var(--out) * -1);background:linear-gradient(270deg, var(--body-lo), var(--body-hi) 45%, var(--body) 75%)}.mf-btn.side-t{top:calc(var(--out) * -1);left:var(--at);width:var(--len);height:var(--thick);background:linear-gradient(180deg, var(--body-lo), var(--body-hi) 45%, var(--body) 75%)}.is-landscape .mf-btn.side-l{top:auto;bottom:calc(var(--out) * -1);left:var(--at);width:var(--len);height:var(--thick);background:linear-gradient(0deg, var(--body-lo), var(--body-hi) 45%, var(--body) 75%)}.is-landscape .mf-btn.side-r{top:calc(var(--out) * -1);right:auto;left:var(--at);width:var(--len);height:var(--thick);background:linear-gradient(180deg, var(--body-lo), var(--body-hi) 45%, var(--body) 75%)}.is-landscape .mf-btn.side-t{top:calc(100% - var(--at) - var(--len));left:calc(var(--out) * -1);width:var(--thick);height:var(--len);background:linear-gradient(90deg, var(--body-lo), var(--body-hi) 45%, var(--body) 75%)}.mf-screen-stack{flex-direction:column;display:flex;position:absolute;inset:0}.mf-screen-media{background:var(--mf-page);flex:1;min-height:0;position:relative;overflow:hidden}.mf-statusbar{color:var(--mf-fg);background:var(--mf-page);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;display:flex}.mf-sb-icons{align-items:center;display:inline-flex}.mf-sb-glyph{flex-shrink:0;display:block}.mf-statusbar-ios{grid-template-columns:1fr var(--iw) 1fr;height:calc(var(--it) * 2 + var(--ih));letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;font-size:4.2cqmin;font-weight:600;display:grid}.mf-statusbar-ios>*{justify-self:center}.mf-statusbar-ios .mf-sb-icons{gap:1.5cqmin}.mf-statusbar-ios .mf-sb-signal{width:4.5cqmin;height:3cqmin}.mf-statusbar-ios .mf-sb-wifi{width:4cqmin;height:3cqmin}.mf-statusbar-ios .mf-sb-battery{width:6.7cqmin;height:3.2cqmin}.mf-statusbar-android{gap:2cqmin;height:10cqmin;padding:0 6.5cqmin;font-family:Google Sans,Roboto,Inter,sans-serif;font-size:3.6cqmin;font-weight:500}.mf-statusbar-android .mf-sb-icons{gap:1.4cqmin}.mf-statusbar-android .mf-sb-glyph{width:auto;height:2.8cqmin}.mf-statusbar-android .mf-sb-signal{width:3.6cqmin}.mf-statusbar-android .mf-sb-wifi{width:3.4cqmin}.mf-statusbar-android .mf-sb-battery{width:5.6cqmin}.is-landscape .mf-statusbar{display:none}.mf-ios-safari{z-index:2;align-items:center;gap:2cqmin;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;font-size:3.7cqmin;display:flex;position:absolute;bottom:6.5cqmin;left:4cqmin;right:4cqmin}.is-landscape .mf-ios-safari{bottom:5cqmin;left:24%;right:24%}.mf-glass{color:#1c1c1e;-webkit-backdrop-filter:blur(2.4cqmin)saturate(1.3);background:#fafafcc7;border-radius:999px;justify-content:center;align-items:center;gap:1.8cqmin;height:11.5cqmin;display:flex;box-shadow:inset 0 0 0 .25cqmin #fff9,0 1cqmin 3.2cqmin #0000002e}.theme-dark .mf-glass{color:#f2f2f7;background:#2c2c30b8;box-shadow:inset 0 0 0 .25cqmin #ffffff1f,0 1cqmin 3.2cqmin #00000059}.mf-glass-round{flex-shrink:0;width:11.5cqmin}.mf-glass .mf-icon{width:5cqmin;height:5cqmin}.mf-ios-address{flex:1;justify-content:space-between;min-width:0;padding:0 3.5cqmin}.mf-android-top{color:#1f1f1f;background:#fff;flex-shrink:0}.theme-dark .mf-android-top{color:#e3e3e3;background:#1f1f1f}.mf-android-top .mf-statusbar{color:inherit;background:0 0}.mf-android-chrome{align-items:center;gap:3cqmin;height:14cqmin;padding:0 3.5cqmin 0 4cqmin;font-family:Google Sans,Roboto,Inter,sans-serif;font-size:3.8cqmin;display:flex}.mf-android-chrome .mf-icon{width:5cqmin;height:5cqmin}.mf-android-omnibox{background:#eef1f4;border-radius:999px;flex:1;align-items:center;gap:2cqmin;min-width:0;height:10cqmin;padding:0 3.5cqmin;display:flex}.theme-dark .mf-android-omnibox{background:#303134}.mf-android-tabs{border:.5cqmin solid;border-radius:1.2cqmin;flex-shrink:0;place-items:center;width:5.2cqmin;height:5.2cqmin;font-size:3cqmin;font-weight:600;display:grid}.mf-lid{background:linear-gradient(180deg, var(--body-hi), var(--body) 30%, var(--body-lo));border-radius:2.2cqw 2.2cqw .3cqw .3cqw;width:88cqw;height:60.3cqw;position:absolute;top:0;left:6cqw;box-shadow:0 0 0 .05cqw #0006}.mf-lid-glass{background:var(--glass);border-radius:1.95cqw 1.95cqw 0 0;position:absolute;inset:.26cqw .26cqw 0;box-shadow:inset 0 0 0 .06cqw #ffffff14}.mf-lid-screen{background:#000;border-radius:.75cqw .75cqw .25cqw .25cqw;height:55.25cqw;position:absolute;top:1.45cqw;left:1.2cqw;right:1.2cqw;overflow:hidden}.mf-notch{z-index:2;background:radial-gradient(circle at 50% 48%, #1b2332 0 .2cqw, #0c0f16 .28cqw, transparent .34cqw), var(--glass);border-radius:0 0 .6cqw .6cqw;width:10.4cqw;height:1.9cqw;position:absolute;top:0;left:50%;transform:translate(-50%)}.mf-notch:before,.mf-notch:after{content:"";width:.45cqw;height:.45cqw;position:absolute;top:0}.mf-notch:before{background:radial-gradient(circle at 0 100%, transparent .44cqw, var(--glass) .46cqw);right:100%}.mf-notch:after{background:radial-gradient(circle at 100% 100%, transparent .44cqw, var(--glass) .46cqw);left:100%}.mf-base{background:linear-gradient(180deg, var(--body-hi), var(--body) 22%, var(--body) 55%, var(--body-lo));border-radius:.2cqw .2cqw 2.4cqw 2.4cqw/.2cqw .2cqw 1.9cqw 1.9cqw;width:100cqw;height:3.6cqw;position:absolute;top:60.3cqw;left:0;box-shadow:inset 0 .08cqw #ffffff59,inset 0 -.12cqw .2cqw #00000040,0 0 0 .05cqw #0000004d}.mf-base:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#0003,#0000 6% 94%,#0003);position:absolute;inset:0}.mf-base-lip{z-index:1;background:linear-gradient(180deg, var(--body-lo), color-mix(in oklab, var(--body) 82%, #000));border-radius:0 0 1.4cqw 1.4cqw/0 0 1.05cqw 1.05cqw;width:13cqw;height:1.05cqw;position:absolute;top:.45cqw;left:50%;transform:translate(-50%);box-shadow:inset 0 -.06cqw #fff3}.mf-hinge{z-index:1;background:linear-gradient(#050505,#2a2a2c);border-radius:0 0 .3cqw .3cqw;width:85cqw;height:.45cqw;position:absolute;top:60.3cqw;left:7.5cqw}.mf-desk-screen{background:#000;position:absolute;overflow:hidden}.mf-imac-body{background:linear-gradient(180deg, color-mix(in oklab, var(--body) 78%, #fff), var(--body) 35%, color-mix(in oklab, var(--body) 88%, #000));border-radius:1.9cqw;width:100cqw;height:71.66cqw;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 0 0 .08cqw #0000001a,0 0 0 .05cqw #0000002e}.mf-imac-glass{background:#f3f3f1;height:58.33cqw;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 .08cqw #ffffffe6,0 .06cqw #0000001a}.mf-imac .mf-desk-screen{border-radius:.3cqw;height:53.57cqw;top:2.38cqw;left:2.38cqw;right:2.38cqw}.mf-stand,.mf-stand-foot{position:absolute;bottom:0}.mf-imac .mf-stand{background:linear-gradient(180deg, #0006, #0000 35%), linear-gradient(90deg, #00000024, #ffffff1a 50%, #00000024), color-mix(in oklab, var(--body) 78%, #000);filter:saturate(1.4);width:26cqw;top:68cqw;left:37cqw}.mf-imac .mf-stand-foot{background:linear-gradient(180deg, color-mix(in oklab, var(--body) 70%, #fff), var(--body));border-radius:0 0 .3cqw .3cqw;height:.9cqw;left:0;right:0}.mf-studio-body{background:linear-gradient(180deg, var(--body-hi), var(--body) 40%, var(--body-lo));border-radius:1.25cqw;width:100cqw;height:58.15cqw;position:absolute;top:0;left:0;box-shadow:0 0 0 .05cqw #0000004d}.mf-studio-glass{background:var(--glass);border-radius:.95cqw;position:absolute;inset:.32cqw;box-shadow:inset 0 0 0 .05cqw #ffffff14}.mf-studio .mf-desk-screen{border-radius:.2cqw;inset:1.82cqw 1.8cqw}.mf-studio .mf-bezel-cam{width:.45cqw;height:.45cqw;top:.91cqw;left:50%}.mf-studio .mf-stand{background:linear-gradient(180deg, #00000059, #0000 30%), linear-gradient(90deg, var(--body-lo), var(--body) 12%, var(--body-hi) 50%, var(--body) 88%, var(--body-lo));width:27cqw;top:56cqw;left:36.5cqw}.mf-studio .mf-stand-foot{background:linear-gradient(180deg, var(--body-hi), var(--body) 60%, var(--body-lo));border-radius:.2cqw .2cqw .35cqw .35cqw;height:1.1cqw;left:-.4cqw;right:-.4cqw}.mf-watch{--band-color:color-mix(in oklab, var(--body) 55%, #3a3a3e)}.mf-band{background:linear-gradient(90deg, #0000003d, #0000 14%, #ffffff12 50%, #0000 86%, #0000003d), var(--band-color);width:62cqw;height:45cqw;position:absolute;left:50%;transform:translate(-50%)}.mf-band-top{top:0;-webkit-mask-image:linear-gradient(#0000,#000 65%);mask-image:linear-gradient(#0000,#000 65%)}.mf-band-bottom{bottom:0;-webkit-mask-image:linear-gradient(#000 35%,#0000);mask-image:linear-gradient(#000 35%,#0000)}.mf-watch-case{background:linear-gradient(150deg, #ffffff4d, #fff0 26%, #0000 66%, #00000042), conic-gradient(from 225deg, var(--body-hi), var(--body) 10%, var(--body-lo) 22%, var(--body) 34%, var(--body-hi) 48%, var(--body) 60%, var(--body-lo) 74%, var(--body) 86%, var(--body-hi));width:100cqw;height:117.9cqw;box-shadow:0 0 0 .15cqw #0006, inset 0 0 0 .3cqw #0000004d, inset 0 0 0 .9cqw color-mix(in srgb, var(--body-hi) 60%, transparent);border-radius:27cqw;position:absolute;top:33.35cqw;left:0}.mf-watch-glass{background:var(--glass);border-radius:23.7cqw;position:absolute;inset:3.3cqw;box-shadow:0 0 0 .25cqw #00000080,inset 0 0 0 .35cqw #ffffff12}.mf-watch-screen{background:#000;border-radius:18.1cqw;position:absolute;inset:5.6cqw;overflow:hidden}.mf-crown{z-index:-1;background:linear-gradient(90deg, #0000004d, #ffffff40 55%, #00000059), repeating-linear-gradient(180deg, var(--body-hi) 0 .55cqw, var(--body-lo) .55cqw 1.1cqw);border-radius:.8cqw 1.6cqw 1.6cqw .8cqw;width:6cqw;height:16cqw;position:absolute;top:23.6cqw;right:-4.4cqw;box-shadow:0 0 0 .1cqw #00000059}.mf-side-btn{z-index:-1;background:linear-gradient(270deg, var(--body-lo), var(--body-hi) 45%, var(--body));border-radius:1.2cqw;width:3cqw;height:25cqw;position:absolute;top:64.8cqw;right:-1.3cqw;box-shadow:0 0 0 .1cqw #0000004d}body:has(.auth-page){overflow:auto}.auth-page{justify-content:center;align-items:center;gap:var(--sp-4);min-height:100dvh;padding:var(--sp-5) var(--sp-4);background:radial-gradient(120% 80% at 50% 0%, color-mix(in oklch, var(--primary) 9%, transparent), transparent 60%), var(--shell);flex-direction:column;display:flex}.auth-card{width:100%;max-width:380px;padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--chrome);box-shadow:0 24px 60px -20px oklch(0% 0 0/.6)}.auth-wordmark{margin-bottom:var(--sp-5);color:var(--muted-foreground);font-size:var(--fs-meta);letter-spacing:.08em;text-transform:uppercase;font-weight:600;text-decoration:none;display:block}.auth-wordmark:hover{color:var(--foreground)}.auth-title{margin:0;font-size:20px;font-weight:600;line-height:1.2}.auth-subtitle{margin:var(--sp-2) 0 0;color:var(--muted-foreground);font-size:var(--fs-body);line-height:1.5}.auth-subtitle strong{color:var(--foreground);font-weight:500}.auth-form{gap:var(--sp-4);margin-top:var(--sp-5);flex-direction:column;display:flex}.auth-field{gap:var(--sp-2);flex-direction:column;display:flex}.auth-field input[data-slot=input]{height:var(--h-primary);font-size:16px}.auth-form button[data-slot=button]{height:var(--h-primary);font-size:var(--fs-title)}.auth-hint{color:var(--muted-foreground);font-size:var(--fs-meta);margin:0}.auth-alert{gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--shell);color:var(--muted-foreground);font-size:var(--fs-body);align-items:flex-start;line-height:1.45;display:flex}.auth-alert svg{flex:none;width:15px;height:15px;margin-top:1px}.auth-alert-error{border-color:color-mix(in oklch, var(--destructive) 45%, transparent);background:color-mix(in oklch, var(--destructive) 12%, var(--shell));color:var(--foreground)}.auth-footer{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--border);color:var(--muted-foreground);font-size:var(--fs-body);text-align:center}.auth-footer a{color:var(--foreground);text-underline-offset:3px;font-weight:500}.auth-escape{color:var(--muted-foreground);font-size:var(--fs-body);text-decoration:none}.auth-escape:hover{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.auth-spinner{width:20px;height:20px;margin:var(--sp-2) auto;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(1turn)}}.account-slot{width:var(--h-mini);height:var(--h-mini);display:inline-block}.account-avatar{background:color-mix(in oklch, var(--primary) 28%, var(--chrome));width:22px;height:22px;color:var(--foreground);font-size:var(--fs-meta);border-radius:50%;place-items:center;font-weight:600;line-height:1;display:grid}.account-menu-email{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}@media (width<=400px){.account-signin-label{display:none}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation-duration:2s}}body:has(.admin-page){overflow:auto}.admin-page{background:var(--shell);min-height:100dvh;color:var(--foreground)}.admin-topbar{z-index:10;gap:var(--sp-4);height:48px;padding:0 var(--sp-4);border-bottom:1px solid var(--border);background:var(--chrome);align-items:center;display:flex;position:sticky;top:0}.admin-topbar h1{font-size:var(--fs-title);margin:0;font-weight:600}.admin-back{color:var(--muted-foreground);font-size:var(--fs-body);text-decoration:none}.admin-back:hover{color:var(--foreground)}.admin-controls{gap:var(--sp-2);align-items:center;margin-left:auto;display:flex}.admin-window{border:1px solid var(--border);border-radius:var(--r-md);display:flex;overflow:hidden}.admin-window-btn{height:var(--h-mini);padding:0 var(--sp-3);color:var(--muted-foreground);font-size:var(--fs-label);cursor:pointer;background:0 0;border:0}.admin-window-btn:hover{background:var(--panel-surface);color:var(--foreground)}.admin-window-btn.active{background:color-mix(in oklch, var(--primary) 26%, transparent);color:var(--foreground)}.admin-window-btn:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.admin-spinning{animation:.9s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(1turn)}}.admin-body{max-width:900px;padding:var(--sp-5) var(--sp-4) 64px;margin:0 auto}.admin-section+.admin-section{margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--border)}.admin-section-head h2{font-size:var(--fs-title);margin:0;font-weight:600}.admin-section-head p{color:var(--muted-foreground);font-size:var(--fs-body);margin:2px 0 0}.admin-subhead{margin:var(--sp-5) 0 var(--sp-2);color:var(--muted-foreground);font-size:var(--fs-meta);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.admin-readouts{margin-top:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--border);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1px;display:grid;overflow:hidden}.admin-readout{padding:var(--sp-3);background:var(--chrome);flex-direction:column;gap:2px;display:flex}.admin-readout-label{color:var(--muted-foreground);font-size:var(--fs-meta)}.admin-readout-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:500;line-height:1.1}.admin-readout-hint{color:var(--muted-foreground);font-size:var(--fs-meta)}.admin-bars{height:96px;padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--chrome);align-items:flex-end;gap:2px;display:flex}.admin-bar-slot{flex:1;align-items:flex-end;min-width:2px;height:100%;display:flex}.admin-bar{background:color-mix(in oklch, var(--primary) 70%, transparent);border-radius:1px;width:100%;min-height:1px}.admin-table{border-collapse:collapse;width:100%;font-size:var(--fs-body)}.admin-table th,.admin-table td{padding:var(--sp-2) var(--sp-2);border-bottom:1px solid var(--border);text-align:left;font-weight:400}.admin-table thead th{color:var(--muted-foreground);font-size:var(--fs-meta);letter-spacing:.04em;text-transform:uppercase}.admin-table tbody th{white-space:nowrap}.admin-table-bar{width:45%}.admin-hbar{background:color-mix(in oklch, var(--primary) 55%, transparent);border-radius:2px;min-width:1px;height:8px}.admin-table-value{font-variant-numeric:tabular-nums;text-align:right;width:72px}.admin-table-detail{color:var(--muted-foreground);font-size:var(--fs-meta);text-align:right;white-space:nowrap}.admin-scroll{overflow-x:auto}.admin-cohorts .admin-cell{min-width:44px;color:var(--muted-foreground);font-size:var(--fs-meta);font-variant-numeric:tabular-nums;text-align:center}.admin-empty{margin:var(--sp-2) 0 0;color:var(--muted-foreground);font-size:var(--fs-body)}.admin-error{padding:var(--sp-3);border:1px solid color-mix(in oklch, var(--destructive) 45%, transparent);border-radius:var(--r-lg);background:color-mix(in oklch, var(--destructive) 12%, var(--shell));font-size:var(--fs-body);margin:0}@media (width<=640px){.admin-topbar{gap:var(--sp-2)}.admin-table-bar{display:none}}@media (prefers-reduced-motion:reduce){.admin-spinning{animation:none}}:root{--info:var(--primary);--timeline-in:oklch(70% .13 230);--accent-text:oklch(76% .13 267);--accent-line:color-mix(in oklch, var(--primary) 55%, transparent);--accent-glow:color-mix(in oklch, var(--primary) 40%, transparent);--r-toolbar:12px}.app-body{gap:8px}.panel-tabbar{padding:8px 12px 4px}.topbar-left{gap:12px}.document-pill{gap:8px;height:24px;padding:0 12px}.logo-mark{border-color:var(--accent-line)}.topbar-tools,.topbar-right,.mode-switch{border-radius:var(--r-xl);gap:4px;height:40px;padding:3px}.topbar-center{gap:4px}.mode-switch-btn{border-radius:var(--r-lg);gap:8px;height:32px;padding:0 16px}.mode-motion .mode-switch-btn.active{box-shadow:0 4px 16px var(--accent-glow)}.export-button:hover{background:color-mix(in oklch, var(--primary), black 12%)!important}.canvas-toolbar{border-radius:var(--r-toolbar);gap:4px;padding:4px}.canvas-tool{border-radius:var(--r-lg)}.canvas-zoom-value{border-radius:var(--r-lg);justify-content:center;align-items:center;display:inline-flex}.artboard.active .artboard-name{color:var(--accent-text)}.panel-heading,.inspector-header>div{gap:4px}.btn{padding:0 12px}.mini-btn{border-radius:var(--r-md);min-height:28px;padding:0 8px}.segmented{border-radius:var(--r-lg);gap:2px;min-height:32px}.segmented-btn{border-radius:var(--r-md);padding:0 8px}.selection-toolbar{gap:4px}.panel-section,.panel-section.layers-panel{gap:12px}.section-head,.section-foot,.switch-row{gap:8px}.section-v2-head{gap:8px;padding:0}.section-v2-body>.panel-section{gap:8px}.field-v2{gap:12px}.field-v2-label{gap:2px}.field-v2-control,.field-row-v2,.field-grid-v2,.stack-row,.palette-row{gap:8px}.inspector-badge{border-radius:var(--r-sm);align-items:center;height:20px;padding:0 8px;display:inline-flex}.inspector-header .panel-kicker-accent{color:var(--accent-text)}.panel-more.panel-more-block{padding-top:8px}.panel-more>summary{align-items:center;gap:8px;padding-block:8px;display:flex}.panel-more>summary:before,.panel-more[open]>summary:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:5px;height:5px;margin-left:2px;transform:rotate(-45deg)}.panel-more[open]>summary:before{transform:rotate(45deg)}.layer-row-v2{gap:12px}.layer-row-v2.active,.layer-row.active{border-color:var(--accent-line)}.layer-row-v2 .layer-meta{gap:4px}.layers-search{padding-inline:12px}.layer-actions{gap:4px}.swatch-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.swatch{border-radius:var(--r-md)}.swatch-row{gap:8px}.thumb-tile.active .thumb-art{box-shadow:0 0 0 1px var(--accent-line)}.entrance-grid,.anim-grid{gap:8px}.entrance-tile{height:36px;padding:0 12px}.entrance-tile:hover:not(:disabled) .entrance-swatch{background:var(--accent-text)}.cascade-btn{height:32px}.export-chip.active,.export-progress-pct,.empty-dropzone-icon{color:var(--accent-text)}.tick-slider-value{border-radius:var(--r-sm);align-items:center;height:20px;padding:0 8px;display:inline-flex}.tick-slider-well{border-radius:var(--r-sm);height:16px}.tick-slider-fill{background:color-mix(in oklch, var(--primary) 28%, transparent)}.tick-slider:hover .tick-slider-fill,.tick-slider:focus-within .tick-slider-fill{background:color-mix(in oklch, var(--primary) 40%, transparent)}.tick-slider-input [role=slider]{height:16px}.tl-zoom-slider [data-slot=slider-track]{background:var(--muted);height:4px}.tl-zoom-slider [data-slot=slider-range]{background:var(--primary);height:100%}.tl-zoom-slider [role=slider]{border:2px solid var(--primary);background:var(--primary-foreground);width:12px;height:12px}.timeline{gap:8px;padding-inline:12px}.tl-controls,.tl-duration,.tl-duration.tl-loop{gap:8px}.tl-autokey{gap:8px;padding:0 12px}.tl-duration input{height:28px;padding:0 8px}.tl-track-name{padding-right:8px}.tl-key-ease-in{border-color:var(--timeline-in)}.look-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}.look-swatch{height:32px}.look-name{font-size:11px}.section-label{font-size:var(--fs-label);letter-spacing:0;text-transform:none;color:var(--text);font-weight:600}.section-v2-body .section-label{color:var(--text-dim);font-weight:500}.topbar-tools,.mode-switch,.topbar-right{border:1px solid var(--border-soft);background:var(--panel-soft);box-shadow:none}.panel-crash{align-content:start;gap:var(--sp-2);margin:var(--sp-3);padding:var(--sp-4);border:1px solid color-mix(in oklch, var(--destructive,#e5484d) 40%, transparent);border-radius:var(--r-lg);background:color-mix(in oklch, var(--destructive,#e5484d) 8%, var(--panel));display:grid}.panel-crash-title{font-size:var(--fs-title);font-weight:600}.panel-crash-copy{color:var(--text-muted);font-size:var(--fs-label);line-height:1.45}.panel-crash-detail{overflow-wrap:anywhere;color:var(--text-dim);font-size:var(--fs-meta)}.panel-crash-retry{height:var(--h-mini);padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--primary-foreground);font-size:var(--fs-label);background:var(--primary);justify-self:start}.scene-preview{aspect-ratio:16/10;background:radial-gradient(at 30% 20%,oklch(42% .06 280/.9),#0000 60%),radial-gradient(at 80% 90%,oklch(38% .08 220/.8),#0000 55%),oklch(20% .02 270);border-radius:6px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.07)}.scene-preview.is-loading{animation:1.4s ease-in-out infinite scene-preview-pulse}@keyframes scene-preview-pulse{50%{opacity:.6}}.scene-preview-shape{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 6px #00000059);position:absolute}.scene-preview-ui{background:linear-gradient(160deg,oklch(97% .005 262),oklch(88% .015 262));border-radius:4px;width:58%;height:58%;position:absolute;top:21%;left:21%;overflow:hidden;box-shadow:0 6px 14px #0006}.scene-preview-ui-bar{background:oklch(82% .015 262);height:14%;display:block}.asset-bg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.asset-bg-card{aspect-ratio:4/3;border-radius:var(--r-md);transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.08)}.asset-bg-card:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px oklch(100% 0 0/.25),0 4px 10px #0000004d}.asset-bg-card-label{color:#fff;text-shadow:0 1px 3px #0009;font-size:10px;font-weight:500;position:absolute;bottom:4px;left:5px}.shader-still{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.swatch.swatch-still{position:relative;overflow:hidden}.template-preview{aspect-ratio:16/10;min-height:0;position:relative;overflow:hidden}.topbar-center{background:0 0;border:0;padding:0}.export-split{align-items:stretch;display:inline-flex}.export-split .export-button-main{font-variant-numeric:tabular-nums;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.export-split .export-button-more{width:28px;margin-left:1px;border-top-left-radius:0!important;border-bottom-left-radius:0!important;padding-inline:0!important}.canvas-toolbar{flex-direction:column;top:50%;bottom:auto;left:14px;transform:translateY(-50%)}.canvas-toolbar .canvas-toolbar-divider{width:20px;height:1px;margin:4px 0}.canvas-toolbar .canvas-zoom-value{width:32px;min-width:0;font-size:10px}.canvas-dock{z-index:var(--z-canvas-ui);align-items:center;gap:8px;max-width:calc(100% - 40px);display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.filmstrip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;background:oklch(21% .004 270/.92);border:1px solid oklch(32% .004 270);border-radius:11px;align-items:center;gap:6px;min-width:0;padding:5px;display:flex;overflow-x:auto;box-shadow:0 16px 40px oklch(0% 0 0/.5)}.filmstrip-item{flex:none;position:relative}.filmstrip-thumb{opacity:.72;border-radius:5px;padding:0;transition:opacity .14s,box-shadow .14s;display:block;overflow:hidden;box-shadow:0 0 0 1px oklch(100% 0 0/.08);container-type:inline-size}.filmstrip-thumb:hover{opacity:1}.filmstrip-item.active .filmstrip-thumb{opacity:1;box-shadow:0 0 0 2px var(--primary)}.filmstrip-remove{width:16px;height:16px;color:var(--text);background:oklch(32% .004 270);border-radius:50%;place-items:center;display:none;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 6px oklch(0% 0 0/.4)}.filmstrip-remove svg{width:10px;height:10px}.filmstrip-item:hover .filmstrip-remove,.filmstrip-remove:focus-visible{display:grid}.filmstrip-add{width:32px;color:var(--text-dim);border:1px dashed oklch(38% .004 270);border-radius:5px;flex:none;place-items:center;transition:border-color .14s,color .14s;display:grid}.filmstrip-add:hover{border-color:var(--primary);color:var(--text)}.filmstrip-add svg{width:14px;height:14px}.dock-pill,.dock-animate{border-radius:11px;flex:none;align-items:center;gap:7px;height:40px;padding:0 16px;font-size:12.5px;font-weight:600;transition:background .14s,transform .14s;display:inline-flex;box-shadow:0 16px 40px oklch(0% 0 0/.5)}.dock-pill{color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:oklch(21% .004 270/.92);border:1px solid oklch(32% .004 270)}.dock-animate{color:oklch(20% .004 270);background:oklch(97% .002 270);border:1px solid oklch(100% 0 0/.12)}.dock-animate:hover:not(:disabled){transform:translateY(-1px)}.dock-animate:disabled{opacity:.45;cursor:not-allowed}.dock-pill svg,.dock-animate svg{width:15px;height:15px}.mode-motion .canvas-dock .filmstrip{display:none}.artboard-hit,.mini-scene,.filmstrip-thumb{container-type:inline-size}.artboard-hit .ab-preview,.mini-scene .ab-preview,.filmstrip-thumb .ab-preview{font-size:1cqw}body.is-file-drag .canvas-area:after{content:"Drop to add";z-index:40;border:2px dashed var(--primary);background:color-mix(in oklch, var(--primary) 12%, transparent);color:var(--text);pointer-events:none;border-radius:14px;place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;inset:12px}.canvas-area{position:relative}.style-rail{flex-direction:column;gap:20px;padding-bottom:24px;display:flex}.rail-section{flex-direction:column;gap:10px;display:flex}.rail-section-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.rail-title{color:var(--text);font-size:var(--fs-title);font-weight:600}.rail-meta{color:var(--text-muted);font-size:var(--fs-meta)}.rail-link{color:var(--accent-text,var(--primary));font-size:var(--fs-label);align-items:center;gap:5px;padding:0;font-weight:500;display:inline-flex}.rail-link:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.rail-link:disabled{color:var(--text-muted);cursor:default}.rail-link svg{width:13px;height:13px}.rail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rail-card{background:var(--panel-soft);text-align:left;border:1px solid #0000;border-radius:9px;flex-direction:column;gap:6px;padding:5px 5px 7px;transition:border-color .14s,background .14s;display:flex}.rail-card:hover:not(:disabled){background:var(--panel-2);border-color:var(--border)}.rail-card.active{border-color:var(--primary)}.rail-card:disabled{opacity:.6}.rail-card-stage{aspect-ratio:4/3;background:oklch(15% .004 270);border-radius:6px;place-items:center;display:grid;overflow:hidden}.mini-scene{border-radius:3px;max-width:100%;max-height:100%;display:block;overflow:hidden;box-shadow:0 1px 4px oklch(0% 0 0/.4)}.rail-card-stage .mini-scene{width:100%}.rail-card-stage .mini-scene[style*="aspect-ratio: 0."]{width:auto;height:100%}.rail-card-label{color:var(--text-dim);font-size:var(--fs-label);justify-content:space-between;align-items:baseline;gap:6px;padding-inline:2px;font-weight:500;display:flex}.rail-card.active .rail-card-label{color:var(--text)}.rail-card-meta{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.inspector-close{border-radius:var(--r-md);width:26px;height:26px;color:var(--text-dim);place-items:center;display:grid}.inspector-close:hover{background:var(--panel-3);color:var(--text)}.inspector-close svg{width:14px;height:14px}.look-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.look-tiles-3{grid-template-columns:repeat(3,minmax(0,1fr))}.look-tiles-4{grid-template-columns:repeat(4,minmax(0,1fr))}.look-tile-v3{background:var(--panel-soft);border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px 4px 6px;transition:border-color .14s,background .14s;display:flex}.look-tile-v3:hover:not(:disabled){background:var(--panel-2);border-color:var(--border)}.look-tile-v3.active{border-color:var(--primary);background:var(--accent-soft)}.look-tile-short{padding-top:7px}.look-tile-name{max-width:100%;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:500;overflow:hidden}.edge-art{background:linear-gradient(135deg,oklch(62% .16 30),oklch(50% .2 330) 55%,oklch(45% .2 290));border-radius:5px;place-items:center;width:100%;height:38px;display:grid;position:relative}.edge-art>span{background:linear-gradient(oklch(97% 0 0) 0 22%,oklch(90% .002 270) 22%);border-radius:3px;width:58%;height:60%}.edge-default>span{box-shadow:0 3px 8px oklch(0% 0 0/.35)}.edge-glass-light>span{outline:3px solid oklch(100% 0 0/.55);box-shadow:0 3px 8px oklch(0% 0 0/.25)}.edge-glass-dark>span{outline:3px solid oklch(0% 0 0/.45);box-shadow:0 3px 8px oklch(0% 0 0/.3)}.edge-inset>span{background:oklch(90% .002 270);box-shadow:inset 0 2px 5px oklch(0% 0 0/.45),0 3px 8px oklch(0% 0 0/.3)}.edge-outline>span{outline-offset:2px;outline:1.5px solid oklch(100% 0 0/.9)}.edge-stack>span{box-shadow:0 -3px 0 -1px oklch(100% 0 0/.55),0 -6px 0 -2px oklch(100% 0 0/.3)}.corner-art{border-top:2px solid var(--text-dim);border-left:2px solid var(--text-dim);width:26px;height:20px}.look-tile-v3.active .corner-art{border-color:var(--text)}.shadow-art{background:oklch(90% .002 270);border-radius:3px;width:28px;height:20px}.shadow-art-hug{box-shadow:0 2px 4px oklch(0% 0 0/.7)}.shadow-art-spread{box-shadow:0 6px 12px oklch(0% 0 0/.75)}.shadow-art-adaptive{box-shadow:0 6px 12px color-mix(in oklch, var(--tint) 85%, transparent)}.size-art{border:1.5px solid var(--text-dim);border-radius:3px;display:block}.look-tile-v3.active .size-art{border-color:var(--text);background:color-mix(in oklch, var(--primary) 30%, transparent)}.magic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.magic-card{aspect-ratio:1;border-radius:8px;transition:transform .14s;position:relative;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.1)}.magic-card:hover{transform:translateY(-1px)}.magic-card.active{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--primary)}.magic-card-live{animation:6s ease-in-out infinite alternate magic-live;background-size:200% 200%!important}@keyframes magic-live{to{background-position:100% 100%}}@media (prefers-reduced-motion:reduce){.magic-card-live{animation:none}}.magic-card-tag{color:oklch(100% 0 0);background:oklch(0% 0 0/.5);border-radius:4px;padding:1px 5px;font-size:9px;font-weight:600;position:absolute;bottom:4px;left:4px}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.scene-card{background:var(--panel-soft);border:1px solid #0000;border-radius:8px;flex-direction:column;gap:5px;padding:4px 4px 6px;transition:border-color .14s,background .14s;display:flex}.scene-card:hover:not(:disabled){background:var(--panel-2);border-color:var(--border)}.scene-card.active{border-color:var(--primary)}.scene-card-art{aspect-ratio:16/10;background:linear-gradient(135deg, transparent calc(50% - .5px), var(--border) 50%, transparent calc(50% + .5px)), oklch(20% .004 270);border-radius:6px;display:block}.inline-actions{flex-wrap:wrap;gap:14px;display:flex}.media-row{align-items:center;gap:12px;display:flex}.media-row-thumb{border:1px dashed var(--border);background:oklch(15% .004 270);border-radius:8px;flex:none;place-items:center;width:76px;height:56px;padding:4px;display:grid;overflow:hidden}.media-row-thumb:hover{border-color:var(--primary)}.media-row-thumb img{object-fit:contain;border-radius:3px;max-width:100%;max-height:100%}.media-row-copy{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.media-row-title{max-width:100%;color:var(--text);font-size:var(--fs-body);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.media-row-hint{color:var(--text-muted);font-size:var(--fs-meta);line-height:1.35}.details-group{border-top:1px solid var(--border-soft);flex-direction:column;margin-top:6px;padding-top:10px;display:flex}.details-label{color:var(--text-muted);font-size:var(--fs-meta);letter-spacing:.04em;text-transform:uppercase;padding:0 2px 4px;font-weight:600}.inspector-empty-capture{text-align:left;width:100%;margin-top:8px}.ab-preview-phone{box-sizing:border-box;border:1.1em solid #16171b}:root{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-quart:cubic-bezier(.25, 1, .5, 1);--t-fast:.15s;--t-med:.22s;--hairline:oklch(100% 0 0/.06);--hairline-strong:oklch(100% 0 0/.1);--well:oklch(15.5% .004 270);--lift:0 1px 0 oklch(100% 0 0/.05) inset, 0 8px 24px oklch(0% 0 0/.35);--focus-ring:0 0 0 2px var(--panel), 0 0 0 4px var(--ring)}.topbar{background:var(--shell);height:52px;box-shadow:none;border:0;padding:0 12px 0 14px}.topbar-tools,.topbar-right,.topbar-center{height:auto;box-shadow:none;background:0 0;border:0;padding:0}.topbar-tools{gap:2px;margin-left:8px}.topbar-rule{display:none}.document-pill{height:26px;color:var(--text-muted);background:0 0;padding:0 12px;font-size:12px}.document-pill .document-status{opacity:.8;width:5px;height:5px}.topbar [data-slot=button][data-variant=ghost]{color:var(--text-dim);transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out)}.topbar [data-slot=button][data-variant=ghost]:hover:not(:disabled){color:var(--text);background:var(--hairline)}.export-split{margin-left:6px}.export-button{box-shadow:0 1px 0 oklch(100% 0 0/.18) inset, 0 6px 18px color-mix(in oklch, var(--primary) 30%, transparent)!important;transition:background var(--t-fast) var(--ease-out), transform .16s var(--ease-out)!important;font-weight:600!important}.export-button:active:not(:disabled){transform:scale(.97)}.export-split .export-button-more{margin-left:1px;box-shadow:inset 0 1px oklch(100% 0 0/.18)!important}.canvas-area{border-radius:14px;overflow:hidden}.panel-tabbar{align-items:center;gap:6px;padding:10px 10px 6px 12px;display:flex}.panel-tabs{flex:1;min-width:0;background:var(--well)!important;border-radius:10px!important;padding:3px!important}.panel-tab{transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out)!important;border-radius:7px!important;padding:6px 0!important;font-size:12px!important}.panel-tab[data-state=active]{box-shadow:inset 0 1px oklch(100% 0 0/.06),0 1px 3px oklch(0% 0 0/.3);background:oklch(27% .004 270)!important}.inspector-header{justify-content:space-between;align-items:center;gap:8px;min-height:52px;display:flex;border:0!important;padding:10px 10px 6px 18px!important}.inspector-header h2{color:var(--text);letter-spacing:-.01em;margin:0;font-size:13px;font-weight:600}.panel-collapse,.icon-btn{width:28px;height:28px;color:var(--text-muted);transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);border-radius:8px;flex:none;place-items:center;display:grid}.panel-collapse:hover,.icon-btn:hover{background:var(--hairline);color:var(--text)}.panel-reopen{z-index:var(--z-canvas-ui);width:36px;height:36px;color:var(--text-dim);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:reopen-in .26s var(--ease-out) both;transition:color var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out);background:oklch(21% .004 270/.9);border:1px solid oklch(32% .004 270);border-radius:11px;place-items:center;display:grid;position:absolute;top:14px;box-shadow:0 10px 30px oklch(0% 0 0/.45)}.panel-reopen:hover{color:var(--text);transform:translateY(-1px)}.panel-reopen svg{width:16px;height:16px}.panel-reopen-left{left:14px}.panel-reopen-right{right:14px}@keyframes reopen-in{0%{opacity:0;transform:scale(.9)}}.app:not(.left-panel-open) .canvas-toolbar{top:calc(50% + 20px)}.section-v2-head{min-height:44px;padding:0 2px!important}.section-v2-title{color:var(--text);letter-spacing:-.005em;font-size:12.5px;font-weight:600}.section-v2-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.section-v2-chevron{color:var(--text-muted);transition:transform var(--t-med) var(--ease-out)}.details-group{margin-top:4px;padding-top:14px}.details-group .section-v2{border-top-color:#0000!important}.details-group .section-v2-head{min-height:36px}.field-hint,.rail-hint{color:var(--text-muted);font-size:11px;line-height:1.45}.rail-hint{margin:-4px 0 2px}.btn-primary{font-weight:600;box-shadow:inset 0 1px oklch(100% 0 0/.18);background:var(--primary)!important;color:var(--primary-foreground)!important}.btn-primary:hover{background:color-mix(in oklch, var(--primary), white 8%)!important}.btn-block{justify-content:center;width:100%}.btn,.mini-btn{transition:background var(--t-fast) var(--ease-out), transform .16s var(--ease-out)}.btn:active:not(:disabled),.mini-btn:active:not(:disabled){transform:scale(.97)}:where(button,[role=slider],[role=tab],input):focus-visible{box-shadow:var(--focus-ring);outline:none}.look-tile-v3,.scene-card,.magic-card,.mo-tile{transition:background var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out)}.look-tile-v3:hover:not(:disabled),.scene-card:hover:not(:disabled),.mo-tile:hover:not(:disabled){transform:translateY(-1px)}.look-tile-v3:active:not(:disabled),.scene-card:active:not(:disabled),.mo-tile:active:not(:disabled){transform:scale(.97)}.look-tile-v3{background:var(--well);border-color:#0000}.look-tile-v3.active,.scene-card.active{border-color:color-mix(in oklch, var(--primary) 80%, white 10%);background:color-mix(in oklch, var(--primary) 14%, var(--well))}.style-rail{gap:26px;padding:4px 2px 28px}.rail-title{font-size:12.5px}.rail-grid{gap:10px}.rail-card{background:var(--well);box-shadow:0 0 0 1px var(--hairline) inset;animation:card-in .38s var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms);transition:transform var(--t-fast) var(--ease-out), box-shadow var(--t-med) var(--ease-out);border:0;border-radius:12px;gap:0;padding:0;position:relative;overflow:hidden}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}}.rail-card:hover:not(:disabled){background:var(--well);box-shadow:0 0 0 1px var(--hairline-strong) inset, 0 12px 28px oklch(0% 0 0/.4);transform:translateY(-1px)}.rail-card:active:not(:disabled){transform:scale(.98)}.rail-card-stage{aspect-ratio:4/3;background:radial-gradient(120% 90% at 50% 0,oklch(24% .004 270),#0000 70%),oklch(14% .004 270);border-radius:0;padding:10px}.rail-card .mini-scene{transition:transform .42s var(--ease-out);border-radius:5px;box-shadow:0 6px 18px oklch(0% 0 0/.5),0 0 0 1px oklch(100% 0 0/.06)}.rail-card:hover .mini-scene{transform:scale(1.03)}.rail-card-label{color:var(--text);opacity:0;transition:opacity var(--t-med) var(--ease-out), transform var(--t-med) var(--ease-out);background:linear-gradient(#0000,oklch(12% .004 270/.92));padding:18px 10px 8px;font-size:11.5px;font-weight:600;position:absolute;bottom:0;left:0;right:0;transform:translateY(4px)}.rail-card:hover .rail-card-label,.rail-card:focus-visible .rail-card-label,.rail-card.active .rail-card-label{opacity:1;transform:none}.rail-card-meta{color:oklch(80% .004 270);font-weight:500}.rail-card:hover .ab-morph{animation:pose-morph .9s var(--ease-out) both}@keyframes pose-morph{0%{transform:var(--from)}to{transform:var(--to)}}.rail-card-look .ab-preview{transition:background-position 1.6s var(--ease-out);background-position:0 0;background-size:160% 160%!important}.rail-card-look:hover .ab-preview{background-position:100% 100%}.tilt-pad{box-shadow:0 0 0 1px var(--hairline) inset;border-radius:12px;background:radial-gradient(90% 80% at 50% 45%, oklch(22% .004 270), transparent 75%), var(--well)!important;border:0!important}.tilt-preset{transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out)}.mo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mo-tile{background:var(--well);animation:card-in .38s var(--ease-out) both;border:1px solid #0000;border-radius:11px;flex-direction:column;gap:6px;padding:5px 5px 7px;display:flex}.mo-tile:disabled{opacity:.45;cursor:not-allowed}.mo-tile.active{border-color:color-mix(in oklch, var(--primary) 80%, white 10%);background:color-mix(in oklch, var(--primary) 14%, var(--well))}.mo-stage{aspect-ratio:4/3;perspective:160px;background:radial-gradient(100% 80% at 50% 10%,oklch(26% .004 270),#0000 70%),oklch(15% .004 270);border-radius:7px;place-items:center;display:grid;position:relative;overflow:hidden}.mo-card{aspect-ratio:16/10;background:var(--thumb,linear-gradient(150deg, oklch(62% .16 280), oklch(50% .2 320))) center / cover;width:54%;animation-duration:2.4s;animation-iteration-count:infinite;animation-timing-function:var(--ease-out);border-radius:4px;animation-play-state:paused;animation-delay:-1.2s;box-shadow:0 6px 14px oklch(0% 0 0/.5)}.mo-card-ui{border-radius:inherit;background:linear-gradient(oklch(100% 0 0/.85) 0 0) 12% 18%/40% 12% no-repeat,linear-gradient(oklch(100% 0 0/.5) 0 0) 12% 70%/76% 34% no-repeat;width:100%;height:100%;display:block}.mo-tile:hover .mo-card,.mo-tile:focus-visible .mo-card,.mo-tile.active .mo-card{animation-play-state:running}.mo-label{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;padding-inline:2px;font-size:11px;font-weight:500;overflow:hidden}.mo-tile.active .mo-label{color:var(--text)}.mo-layer-rise-in .mo-card{animation-name:mo-rise}.mo-layer-pop-in .mo-card{animation-name:mo-pop}.mo-layer-slide-in .mo-card{animation-name:mo-slide}.mo-layer-flip-in .mo-card{animation-name:mo-flip}.mo-layer-fade-in .mo-card{animation-name:mo-blur}.mo-layer-float .mo-card{animation-name:mo-float;animation-timing-function:ease-in-out}.mo-layer-pulse .mo-card{animation-name:mo-breathe;animation-timing-function:ease-in-out}.mo-layer-orbit .mo-card{animation-name:mo-sway;animation-timing-function:ease-in-out}.mo-layer-tilt .mo-card{animation-name:mo-tilt;animation-timing-function:ease-in-out}.mo-layer-spin .mo-card{animation-name:mo-spin;animation-timing-function:linear}.mo-camera-zoom-in .mo-card{animation-name:mo-zoom-in}.mo-camera-zoom-out .mo-card{animation-name:mo-zoom-out}.mo-camera-pan .mo-card{animation-name:mo-pan;animation-timing-function:ease-in-out}.mo-camera-orbit .mo-card{animation-name:mo-sway;animation-timing-function:ease-in-out}.mo-camera-reveal .mo-card{animation-name:mo-reveal}.mo-camera-tilt .mo-card{animation-name:mo-tilt;animation-timing-function:ease-in-out}.mo-camera-float .mo-card{animation-name:mo-float;animation-timing-function:ease-in-out}@keyframes mo-rise{0%{opacity:0;transform:translateY(40%)}45%,to{opacity:1;transform:none}}@keyframes mo-pop{0%{opacity:0;transform:scale(.55)}40%,to{opacity:1;transform:none}}@keyframes mo-slide{0%{opacity:0;transform:translate(-70%)}45%,to{opacity:1;transform:none}}@keyframes mo-flip{0%{opacity:0;transform:rotateX(60deg)translateY(12%)}50%,to{opacity:1;transform:none}}@keyframes mo-blur{0%{filter:blur(6px);opacity:0}45%,to{filter:none;opacity:1}}@keyframes mo-float{0%,to{transform:translateY(6%)}50%{transform:translateY(-8%)rotate(2deg)}}@keyframes mo-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes mo-sway{0%,to{transform:rotateY(-22deg)}50%{transform:rotateY(22deg)}}@keyframes mo-tilt{0%,to{transform:rotateX(16deg)}50%{transform:rotateX(-14deg)}}@keyframes mo-spin{to{transform:rotate(360deg)}}@keyframes mo-zoom-in{0%{transform:scale(.85)}to{transform:scale(1.25)}}@keyframes mo-zoom-out{0%{transform:scale(1.35)}to{transform:scale(.9)}}@keyframes mo-pan{0%,to{transform:translate(-14%)scale(1.1)}50%{transform:translate(14%)scale(1.1)}}@keyframes mo-reveal{0%{transform:scale(1.9)translateY(18%)}55%,to{transform:none}}.motion-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:48px;animation:reopen-in .26s var(--ease-out) both;background:oklch(20% .004 270/.94);border:1px solid oklch(32% .004 270);border-radius:14px;align-items:center;gap:10px;padding:0 8px 0 6px;display:flex;box-shadow:0 16px 40px oklch(0% 0 0/.5)}.motion-play{color:oklch(20% .004 270);width:36px;height:36px;transition:transform .16s var(--ease-out);background:oklch(97% .002 270);border-radius:10px;place-items:center;display:grid}.motion-play:active{transform:scale(.94)}.motion-play svg{fill:currentColor;width:16px;height:16px}.motion-track{cursor:pointer;touch-action:none;width:clamp(120px,22vw,280px);height:24px;position:relative}.motion-track:before{content:"";background:oklch(32% .004 270);border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.motion-track-fill{background:var(--primary);border-radius:2px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.motion-track-head{background:oklch(97% .002 270);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px oklch(0% 0 0/.5)}.motion-time{min-width:64px;color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11.5px}.motion-time-total{color:var(--text-muted);margin-left:3px}.motion-durations{background:var(--well);border-radius:9px;gap:2px;padding:3px;display:flex}.motion-chip{height:26px;color:var(--text-dim);font-variant-numeric:tabular-nums;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);border-radius:7px;padding:0 9px;font-size:11.5px;font-weight:500}.motion-chip:hover{color:var(--text)}.motion-chip.active{color:var(--text);background:oklch(30% .004 270)}.motion-loop{width:32px;height:32px;color:var(--text-muted);transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);border-radius:9px;place-items:center;display:grid}.motion-loop.active{color:var(--accent-text);background:color-mix(in oklch, var(--primary) 16%, transparent)}.motion-loop svg{width:15px;height:15px}.mode-motion .dock-animate{border-radius:14px;height:48px}.brand{flex-direction:column;gap:14px;display:flex}.brand-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.brand-row-stack{flex-direction:column;align-items:stretch;gap:8px}.brand-colors{align-items:center;gap:6px;display:flex}.brand-color{position:relative}.brand-color input[type=color]{width:26px;height:26px;box-shadow:0 0 0 1px var(--hairline-strong);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:block}.brand-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.brand-color input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.brand-color-remove{width:15px;height:15px;color:var(--text);background:oklch(32% .004 270);border-radius:50%;place-items:center;display:none;position:absolute;top:-5px;right:-5px}.brand-color-remove svg{width:9px;height:9px}.brand-color:hover .brand-color-remove,.brand-color-remove:focus-visible{display:grid}.brand-color-add{width:26px;height:26px;color:var(--text-muted);border:1px dashed oklch(40% .004 270);border-radius:50%;place-items:center;display:grid}.brand-color-add:hover{color:var(--text);border-color:var(--text-dim)}.brand-color-add svg{width:12px;height:12px}.brand-logo{align-items:center;gap:6px;display:flex}.brand-logo img{object-fit:contain;max-width:72px;max-height:28px}.brand-divider{background:var(--hairline);height:1px}.music-row{background:var(--well);color:var(--text-dim);border-radius:10px;align-items:center;gap:8px;padding:8px 6px 8px 10px;font-size:12px;display:flex}.music-row>svg{flex:none;width:14px;height:14px}.music-name{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.canvas-toolbar,.filmstrip,.dock-pill{background:oklch(20% .004 270/.92)!important;border-color:oklch(30% .004 270)!important}.dock-animate{transition:transform var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out);box-shadow:inset 0 1px oklch(100% 0 0/.6),0 12px 30px oklch(0% 0 0/.45)}.dock-animate:active:not(:disabled){transform:scale(.97)}.artboard-label{color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.rail-card,.mo-tile,.panel-reopen,.motion-bar,.mo-card,.rail-card:hover .ab-morph{animation:none!important}.rail-card-look .ab-preview,.rail-card .mini-scene{transition:none!important}}.edge-art{background:radial-gradient(90% 90% at 30% 20%,oklch(42% .004 270),#0000 70%),oklch(26% .004 270)!important}.rail-card-label{opacity:1;color:oklch(90% .002 270);background:linear-gradient(#0000,oklch(12% .004 270/.85));padding:16px 10px 7px;font-weight:500;transform:none}.rail-card:hover .rail-card-label,.rail-card.active .rail-card-label{color:var(--text);font-weight:600}.empty-starter{background:var(--well);height:40px;box-shadow:0 0 0 1px var(--hairline) inset;transition:background var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out);border-radius:11px;justify-content:center;align-items:center;color:var(--text)!important;flex-direction:row!important;gap:8px!important;font-size:12.5px!important}.empty-starter:hover:not(:disabled){background:oklch(22% .004 270);transform:translateY(-1px)}.empty-starter:active:not(:disabled){transform:scale(.97)}.empty-starter svg{width:15px;height:15px;color:var(--text-dim)}.chip-wrap{background:var(--well);border-radius:10px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.shape-swatch-ring{border-radius:50%;box-shadow:inset 0 0 0 5px oklch(80% .08 250);background:0 0!important}.shape-swatch-pill{border-radius:999px}.shape-swatch-blob{border-radius:58% 42% 55% 45%/45% 55%}.shape-swatch-prism{clip-path:polygon(50% 6%,96% 92%,4% 92%);border-radius:0}.shape-swatch-lens{border-radius:50%;transform:scaleY(.6)}.shape-swatch-wave{border-radius:40% 10%}.shape-swatch-arch{border-radius:999px 999px 4px 4px}.shape-swatch-heart{clip-path:path("M17 22 C3 13 5 3 11 3 C14 3 16 5 17 7 C18 5 20 3 23 3 C29 3 31 13 17 22 Z");border-radius:0}.rail-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:48px 12px;display:flex}.rail-empty-art{grid-template-columns:repeat(2,44px);gap:6px;margin-bottom:10px;display:grid}.rail-empty-art span{background:var(--well);height:32px;box-shadow:0 0 0 1px var(--hairline) inset;border-radius:7px}.rail-empty-art span:first-child{grid-column:span 2;height:44px}.rail-empty-title{color:var(--text);margin:0;font-size:12.5px;font-weight:600}.stack-row-block{flex-direction:column;gap:8px;align-items:stretch!important}:root{--n-050:oklch(9% .002 270);--n-100:oklch(11.5% .003 270);--n-135:oklch(13.5% .003 270);--n-165:oklch(16.5% .003 270);--n-200:oklch(20% .004 270);--n-215:oklch(21.5% .004 270);--n-235:oklch(23.5% .004 270);--n-260:oklch(26% .004 270);--n-300:oklch(30% .004 270);--n-420:oklch(42% .004 270);--fg-1:oklch(96% .002 270);--fg-2:oklch(74% .004 270);--fg-3:oklch(58% .004 270);--fg-4:oklch(52% .004 270);--fg-seg:oklch(62% .004 270);--accent-500:oklch(64% .15 268);--accent-text:oklch(74% .12 268);--accent-soft-text:oklch(84% .08 268);--accent-tint:oklch(64% .15 268/.12);--accent-tint-strong:oklch(64% .15 268/.14);--accent-line:oklch(64% .15 268/.5);--accent-glow:oklch(64% .15 268/.35);--danger-text:oklch(72% .15 25);--shell:var(--n-135);--chrome:var(--n-165);--panel-surface:var(--n-165);--canvas-void:var(--n-100);--background:var(--n-135);--foreground:var(--fg-1);--card:var(--n-165);--card-foreground:var(--fg-1);--popover:var(--n-200);--popover-foreground:var(--fg-1);--primary:var(--accent-500);--primary-foreground:oklch(100% 0 0);--secondary:var(--n-215);--secondary-foreground:var(--fg-1);--muted:var(--n-215);--muted-foreground:var(--fg-2);--accent:var(--n-235);--accent-foreground:var(--fg-1);--destructive:oklch(64% .17 25);--border:oklch(26% .004 270);--input:oklch(26% .004 270);--ring:var(--accent-500);--sidebar:var(--n-165);--sidebar-primary:var(--accent-500);--sidebar-accent:var(--n-235);--sidebar-border:oklch(24% .004 270);--sidebar-ring:var(--accent-500);--chart-1:var(--accent-500);--bg:var(--n-135);--bg-deep:var(--n-135);--panel:var(--n-165);--panel-2:var(--n-215);--panel-3:var(--n-235);--panel-soft:var(--n-135);--text:var(--fg-1);--text-dim:var(--fg-2);--text-muted:var(--fg-3);--border-soft:oklch(24% .004 270);--accent-soft:var(--accent-tint-strong);--accent-hover:var(--n-260);--rail:var(--n-165);--rail-hover:var(--n-235);--hairline:oklch(100% 0 0/.06);--hairline-strong:oklch(100% 0 0/.08);--well:var(--n-135);--focus-ring:0 0 0 2px var(--n-165), 0 0 0 3.5px var(--accent-500);--font-mono:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--well-ring:inset 0 0 0 1px oklch(100% 0 0/.07);--well-ring-soft:inset 0 0 0 1px oklch(100% 0 0/.06);--raised-bg:linear-gradient(180deg, oklch(27% .004 270), oklch(23.5% .004 270));--raised-shadow:inset 0 1px 0 oklch(100% 0 0/.1), 0 0 0 1px oklch(0% 0 0/.4), 0 1px 3px oklch(0% 0 0/.4);--btn-bg:linear-gradient(180deg, oklch(26.5% .004 270), oklch(21.5% .004 270));--btn-bg-hover:linear-gradient(180deg, oklch(30% .004 270), oklch(24.5% .004 270));--btn-shadow:inset 0 1px 0 oklch(100% 0 0/.1), inset 0 -1px 0 oklch(0% 0 0/.25), 0 0 0 1px oklch(0% 0 0/.55), 0 1px 2px oklch(0% 0 0/.4);--btn-shadow-active:inset 0 1px 2px oklch(0% 0 0/.4), 0 0 0 1px oklch(0% 0 0/.55);--tile-bg:var(--n-200);--tile-ring:inset 0 0 0 1px oklch(100% 0 0/.04);--tile-on-bg:var(--accent-tint);--tile-on-ring:inset 0 0 0 1.5px var(--accent-500);--menu-shadow:inset 0 0 0 1px oklch(100% 0 0/.08), 0 16px 48px oklch(0% 0 0/.55);--float-shadow:inset 0 0 0 1px oklch(100% 0 0/.08), 0 12px 32px oklch(0% 0 0/.5)}body{letter-spacing:0;font-family:Geist Variable,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--n-135)!important}::selection{background:oklch(64% .15 268/.35)}*{scrollbar-color:oklch(30% .004 270) transparent}.app{background:var(--n-135)!important;gap:0!important;padding:0!important}.app-body{gap:8px!important;padding:0 8px 8px!important}.topbar{height:48px!important;min-height:48px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0 8px 0 16px!important}.logo-mark{background:var(--accent-500)!important;border:0!important;border-radius:6px!important;width:24px!important;height:24px!important;box-shadow:inset 0 1px oklch(100% 0 0/.2),0 0 0 1px oklch(0% 0 0/.4)!important}.logo-text{letter-spacing:-.01em;font-size:13px!important;font-weight:600!important}.document-pill{height:24px!important;color:var(--fg-3)!important;font-size:12px!important}.topbar [data-slot=button][data-variant=ghost],.topbar [data-slot$=-trigger][data-variant=ghost]{height:32px;color:var(--fg-2);border-radius:6px;font-size:13px}.topbar [data-slot=button][data-variant=ghost]:hover:not(:disabled),.topbar [data-slot$=-trigger][data-variant=ghost]:hover:not(:disabled){color:var(--fg-1);background:oklch(100% 0 0/.06)}.export-button{color:#fff!important;background:linear-gradient(oklch(68% .15 268),oklch(60% .16 268))!important;height:32px!important;font-size:13px!important;font-weight:500!important;box-shadow:inset 0 1px oklch(100% 0 0/.22),0 0 0 1px oklch(35% .12 268),0 1px 3px oklch(0% 0 0/.4)!important}.export-button:hover:not(:disabled){background:linear-gradient(oklch(72% .14 268),oklch(64% .15 268))!important}.export-split .export-button-main{border-radius:6px 0 0 6px!important}.export-split .export-button-more{border-radius:0 6px 6px 0!important;box-shadow:inset 0 1px oklch(100% 0 0/.22),0 0 0 1px oklch(35% .12 268)!important}.sidebar{background:var(--n-165)!important;box-shadow:var(--well-ring-soft)!important;border:0!important;border-radius:12px!important}.canvas-area{box-shadow:var(--well-ring-soft);background:var(--n-100)!important;border-radius:12px!important}.canvas-stage,.infinite-canvas{background-image:radial-gradient(oklch(100% 0 0/.07) 1px,#0000 1px)!important;background-size:24px 24px!important}.panel-tabbar{min-height:48px;gap:8px!important;padding:8px!important}.panel-tabs{gap:2px;background:var(--n-135)!important;border-radius:8px!important;height:32px!important;padding:2px!important}.panel-tab{height:28px!important;color:var(--fg-seg)!important;border:0!important;border-radius:6px!important;padding:0!important;font-size:12px!important;font-weight:500!important}.panel-tab:hover{color:var(--fg-1)!important}.panel-tab[data-state=active]{background:var(--raised-bg)!important;box-shadow:var(--raised-shadow)!important;color:var(--fg-1)!important}.inspector-header{min-height:48px!important;padding:0 8px 0 16px!important}.inspector-header h2{font-size:13px;font-weight:600}.panel-collapse,.icon-btn{color:var(--fg-3);border-radius:6px!important;width:32px!important;height:32px!important}.panel-collapse svg,.icon-btn svg{width:16px;height:16px}.panel-collapse:hover,.icon-btn:hover{color:var(--fg-1);background:oklch(100% 0 0/.06)!important}.panel-reopen{background:var(--n-200);width:32px;height:32px;box-shadow:var(--float-shadow);color:var(--fg-2);border:0;border-radius:8px}.sidebar-scroll,.sidebar-scroll.panel-stack{padding:0 16px 16px!important}.section-v2{border-top:1px solid var(--hairline)!important}.section-v2:first-child{border-top:0!important}.section-v2-head{gap:8px;height:40px;min-height:40px!important;padding:0!important}.section-v2-chevron{color:var(--fg-3)!important}.section-v2-chevron svg{width:14px;height:14px}.section-v2-title,.rail-title{color:var(--fg-1)!important;letter-spacing:0!important;font-size:12px!important;font-weight:600!important}.section-v2-meta,.rail-meta{font-variant-numeric:tabular-nums;color:var(--fg-3)!important;font-size:11px!important}.section-v2-body{gap:12px!important;padding:0 0 16px!important}.details-group{border-top:1px solid var(--hairline);padding-top:16px!important}.details-label{text-transform:uppercase;color:var(--fg-3)!important;font-family:var(--font-mono)!important;letter-spacing:.04em!important;font-size:11px!important;font-weight:500!important}.details-group .section-v2-head{height:32px;min-height:32px!important}.details-group .section-v2-title{color:var(--fg-2)!important;font-weight:500!important}.rail-section-head{min-height:40px}.field-v2-label,.numfield-label,.switch-row-label,.tick-slider-head [data-slot=label],.section-label,.swatch-row-label{color:var(--fg-2)!important;letter-spacing:0!important;text-transform:none!important;font-size:12px!important;font-weight:500!important}.field-hint,.rail-hint,.field-v2-hint,.media-row-hint,.tilt-hint{color:var(--fg-3)!important;font-size:11px!important;line-height:16px!important}[data-slot=input],[data-slot=textarea],[data-slot=select-trigger],.numfield,.field-v2-control:is(input,select,textarea){color:var(--fg-1);font-size:12px;background:var(--n-135)!important;box-shadow:var(--well-ring)!important;border:0!important;border-radius:6px!important}[data-slot=input],[data-slot=select-trigger]{height:32px}[data-slot=input]::placeholder,[data-slot=textarea]::placeholder{color:var(--fg-4)}[data-slot=input]:focus-visible,[data-slot=textarea]:focus-visible,[data-slot=select-trigger]:focus-visible,.numfield:focus-within{box-shadow:inset 0 0 0 1px var(--accent-500), 0 0 0 3px oklch(64% .15 268/.2)!important}.numfield-input,.numfield-unit,.tick-slider-value,.canvas-zoom-value,.artboard-dims,.motion-time,.tilt-readout,.rail-card-meta{font-variant-numeric:tabular-nums;font-family:var(--font-mono)!important}.numfield-unit{color:var(--fg-3)!important}.tick-slider{gap:8px!important}.tick-slider-head{height:16px}.tick-slider-value{line-height:16px;height:auto!important;color:var(--fg-1)!important;background:0 0!important;border:0!important;padding:0!important;font-size:11px!important}.tick-slider-well{box-shadow:var(--well-ring-soft);background:var(--n-135)!important;border:0!important;border-radius:6px!important;height:24px!important}.tick-slider-ticks{display:none}.tick-slider-fill,.tick-slider:hover .tick-slider-fill,.tick-slider:focus-within .tick-slider-fill{background:var(--n-260)!important}.tick-slider-head-line{border-radius:1px;background:var(--fg-1)!important;width:2px!important;box-shadow:none!important;top:4px!important;bottom:4px!important}.tick-slider:focus-within .tick-slider-head-line{background:var(--accent-500)!important}.tick-slider-input [role=slider]{height:24px!important;box-shadow:none!important;background:0 0!important}.tick-slider-input [role=slider]:focus-visible{box-shadow:none!important;outline:none!important}[data-slot=slider-track]{background:var(--n-135);box-shadow:var(--well-ring-soft)}[data-slot=slider-range]{background:var(--n-300)}[data-slot=slider-thumb]{background:var(--fg-1)!important;border:0!important;box-shadow:0 0 0 1px oklch(0% 0 0/.4),0 1px 3px oklch(0% 0 0/.4)!important}.tick-slider-input [data-slot=slider-track],.tick-slider-input [data-slot=slider-range]{box-shadow:none;background:0 0}.segmented,.chip-wrap,.motion-durations,.mode-switch{background:var(--n-135)!important;box-shadow:none!important;border:0!important;border-radius:8px!important;gap:2px!important;padding:2px!important}.segmented{height:32px}.segmented-btn,.motion-chip{height:28px!important;box-shadow:none!important;color:var(--fg-seg)!important;background:0 0!important;border:0!important;border-radius:6px!important;font-size:12px!important;font-weight:500!important}.segmented-btn:hover:not(.active):not([data-state=on]),.motion-chip:hover:not(.active){color:var(--fg-1)!important}.segmented-btn.active,.segmented-btn[data-state=on],.motion-chip.active,.mode-switch [data-state=on],.mode-switch .active{background:var(--raised-bg)!important;box-shadow:var(--raised-shadow)!important;color:var(--fg-1)!important}.look-tile-v3,.mo-tile,.scene-card,.add-tile,.tilt-preset,.thumb-tile>button{color:var(--fg-2);background:var(--tile-bg)!important;box-shadow:var(--tile-ring)!important;border:0!important;border-radius:8px!important}.look-tile-v3:hover:not(:disabled):not(.active),.mo-tile:hover:not(:disabled):not(.active),.scene-card:hover:not(:disabled):not(.active),.add-tile:hover:not(:disabled),.tilt-preset:hover:not(.active){background:var(--n-215)!important;transform:none!important;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.08)!important}.look-tile-v3.active,.mo-tile.active,.scene-card.active,.tilt-preset.active{background:var(--tile-on-bg)!important;box-shadow:var(--tile-on-ring)!important;color:var(--fg-1)!important}.look-tile-v3{gap:8px!important;padding:4px 4px 8px!important}.look-tile-name,.mo-label{color:inherit!important;font-size:11px!important;font-weight:500!important}.look-tile-v3.active .look-tile-name{color:var(--fg-1)!important}.look-tile-art,.edge-art,.mo-stage{background:var(--n-260)!important;border-radius:4px!important}.tilt-preset{height:24px;font-weight:500;border-radius:12px!important;padding:0 8px!important;font-size:11px!important}.swatch,.bg-swatch{border:0!important;border-radius:6px!important;outline:0!important;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.08)!important}.swatch:hover,.bg-swatch:hover{transform:none!important;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.2)!important}.swatch.active,.bg-swatch.active{box-shadow:0 0 0 2px var(--n-165), 0 0 0 3.5px var(--accent-500)!important}[data-slot=button][data-variant=outline],[data-slot$=-trigger][data-variant=outline],[data-slot=button][data-variant=secondary],[data-slot$=-trigger][data-variant=secondary],.btn:not(.btn-primary):not(.btn-ghost),.mini-btn,.empty-starter,.filmstrip-add{font-weight:500;background:var(--btn-bg)!important;box-shadow:var(--btn-shadow)!important;color:var(--fg-1)!important;border:0!important;border-radius:6px!important}[data-slot=button][data-variant=outline]:hover:not(:disabled),[data-slot$=-trigger][data-variant=outline]:hover:not(:disabled),[data-slot=button][data-variant=secondary]:hover:not(:disabled),[data-slot$=-trigger][data-variant=secondary]:hover:not(:disabled),.btn:not(.btn-primary):not(.btn-ghost):hover:not(:disabled),.mini-btn:hover:not(:disabled),.empty-starter:hover:not(:disabled),.filmstrip-add:hover:not(:disabled){background:var(--btn-bg-hover)!important;transform:none!important}[data-slot=button][data-variant=outline]:active:not(:disabled),[data-slot$=-trigger][data-variant=outline]:active:not(:disabled),[data-slot=button][data-variant=secondary]:active:not(:disabled),[data-slot$=-trigger][data-variant=secondary]:active:not(:disabled),.btn:not(.btn-primary):not(.btn-ghost):active:not(:disabled),.mini-btn:active:not(:disabled),.empty-starter:active:not(:disabled),.filmstrip-add:active:not(:disabled){background:var(--n-200)!important;box-shadow:var(--btn-shadow-active)!important;transform:translateY(1px)!important}.rail-link{background:var(--btn-bg);height:24px;box-shadow:var(--btn-shadow);border-radius:4px;align-self:flex-start;align-items:center;gap:4px;font-weight:500;display:inline-flex;color:var(--fg-1)!important;padding:0 8px!important;font-size:12px!important;text-decoration:none!important}.rail-link:hover:not(:disabled){background:var(--btn-bg-hover)}.rail-link:disabled{opacity:.45;cursor:default}.rail-link:active:not(:disabled){background:var(--n-200);box-shadow:var(--btn-shadow-active);transform:translateY(1px)}[data-slot=button][data-variant=default],.btn-primary,.empty-dropzone-cta{color:#fff!important;background:linear-gradient(oklch(68% .15 268),oklch(60% .16 268))!important;border:0!important;border-radius:6px!important;font-weight:500!important;box-shadow:inset 0 1px oklch(100% 0 0/.22),0 0 0 1px oklch(35% .12 268),0 1px 3px oklch(0% 0 0/.4)!important}[data-slot=button][data-variant=default]:hover:not(:disabled),.btn-primary:hover:not(:disabled),.empty-dropzone-cta:hover:not(:disabled){background:linear-gradient(oklch(72% .14 268),oklch(64% .15 268))!important}[data-slot=button][data-variant=ghost],[data-slot$=-trigger][data-variant=ghost],.btn-ghost{color:var(--fg-2);border-radius:6px}[data-slot=button][data-variant=ghost]:hover:not(:disabled),[data-slot$=-trigger][data-variant=ghost]:hover:not(:disabled),.btn-ghost:hover:not(:disabled){color:var(--fg-1)!important;background:oklch(100% 0 0/.06)!important}[data-slot=button][data-variant=destructive],.mini-btn.danger,.selection-btn.danger{color:var(--danger-text)!important}.pill-switch{background:var(--n-300)!important;width:28px!important;height:16px!important}.pill-switch.on{background:var(--accent-500)!important}.pill-switch-knob{background:#fff!important;width:12px!important;height:12px!important}.pill-switch.on .pill-switch-knob{transform:translate(12px)!important}[data-slot=checkbox]{border-color:var(--n-300);background:var(--n-135)}[data-slot=checkbox][data-state=checked]{border-color:var(--accent-500);background:var(--accent-500)}.kbd,kbd{height:20px;font-family:var(--font-mono);border-radius:4px;align-items:center;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex;box-shadow:inset 0 -1px oklch(0% 0 0/.4);background:var(--n-215)!important;color:var(--fg-1)!important;border:0!important}[data-slot=badge]{background:var(--accent-tint-strong);height:24px;color:var(--accent-soft-text);border:0;border-radius:12px;padding:0 10px;font-size:11px;font-weight:500}[data-slot=dropdown-menu-content],[data-slot=dropdown-menu-sub-content],[data-slot=select-content],[data-slot=popover-content]{color:var(--fg-1);background:var(--n-200)!important;box-shadow:var(--menu-shadow)!important;border:0!important;border-radius:10px!important}[data-slot=dropdown-menu-content],[data-slot=dropdown-menu-sub-content],[data-slot=select-content]{padding:4px!important}[data-slot=dropdown-menu-item],[data-slot=dropdown-menu-checkbox-item],[data-slot=dropdown-menu-radio-item],[data-slot=dropdown-menu-sub-trigger],[data-slot=select-item]{gap:8px;min-height:32px;padding-inline:8px;border-radius:6px!important;font-size:13px!important}[data-slot=dropdown-menu-item]:is([data-highlighted],:focus),[data-slot=dropdown-menu-checkbox-item]:is([data-highlighted],:focus),[data-slot=dropdown-menu-radio-item]:is([data-highlighted],:focus),[data-slot=dropdown-menu-sub-trigger]:is([data-highlighted],[data-state=open]),[data-slot=select-item][data-highlighted]{color:var(--fg-1)!important;background:oklch(100% 0 0/.07)!important}[data-slot=dropdown-menu-item][data-variant=destructive]{color:var(--danger-text)!important}[data-slot=dropdown-menu-item] svg,[data-slot=dropdown-menu-sub-trigger] svg{width:16px;height:16px}[data-slot=dropdown-menu-separator],[data-slot=select-separator]{height:1px;background:oklch(100% 0 0/.07)!important;margin:4px 0!important}[data-slot=dropdown-menu-shortcut]{font-family:var(--font-mono);color:var(--fg-4)!important;letter-spacing:0!important;font-size:11px!important}[data-slot=dropdown-menu-label]{color:var(--fg-3);font-size:11px;font-weight:500}.export-sheet{padding:16px!important}.export-sheet-title{font-size:13px!important;font-weight:600!important}.export-sheet-chip{font-family:var(--font-mono);color:var(--fg-3)!important;background:0 0!important;border:0!important;font-size:11px!important}.chip-row{gap:8px!important}.export-chip{justify-content:center;align-items:center;gap:0;height:32px;background:var(--tile-bg)!important;box-shadow:var(--tile-ring)!important;color:var(--fg-2)!important;border:0!important;border-radius:6px!important;flex-direction:row!important;font-size:12px!important;font-weight:500!important;display:inline-flex!important}.export-chip:hover:not(:disabled):not(.active){background:var(--n-215)!important;color:var(--fg-1)!important}.export-chip.active{background:var(--tile-on-bg)!important;box-shadow:var(--tile-on-ring)!important;color:var(--fg-1)!important}.export-chip-mono{font-family:var(--font-mono)!important}.export-chip-wide{height:28px;color:var(--fg-3)!important;background:0 0!important;font-size:11px!important;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.06)!important}.export-progress-bar{background:var(--n-135)!important}[data-slot=tooltip-content]{background:var(--n-235)!important;box-shadow:var(--float-shadow)!important;color:var(--fg-1)!important;border-radius:6px!important;font-size:12px!important}[data-slot=sheet-content]{background:var(--n-165)!important;border-color:var(--hairline)!important}.media-row{gap:12px!important}.media-row-thumb{border-radius:6px!important;width:48px!important;height:48px!important;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.08)!important}.media-row-title{font-size:13px!important;font-weight:500!important}.step-rail{padding:0 8px!important}.step-rail-label{align-items:center;height:48px;display:flex;color:var(--fg-1)!important;letter-spacing:0!important;text-transform:none!important;padding:0 8px!important;font-size:13px!important;font-weight:600!important}.step{border:0!important;border-radius:8px!important;align-items:flex-start!important;gap:12px!important;padding:12px 8px!important}.step.current{background:var(--n-215)!important}.step.upcoming{opacity:.56!important}.step-num{background:var(--n-235);width:24px!important;height:24px!important;color:var(--fg-2)!important;border:0!important;font-size:11px!important}.step.current .step-num{background:var(--accent-500)!important;color:#fff!important}.step-copy{padding-top:2px;gap:4px!important}.step-title{line-height:20px;font-size:13px!important;font-weight:500!important}.step-hint,.step.current .step-hint{line-height:16px;color:var(--fg-3)!important;font-size:12px!important}.step-tip{border:0!important;border-top:1px solid var(--hairline)!important;color:var(--fg-3)!important;background:0 0!important;border-radius:0!important;margin:auto -8px 0!important;padding:16px!important;font-size:12px!important;line-height:16px!important}.layer-row-v2{gap:8px;min-height:40px;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:6px!important;padding:0 4px!important}.layer-row-v2:hover:not(.active){background:oklch(100% 0 0/.04)!important}.layer-row-v2.active{background:var(--accent-tint-strong)!important;box-shadow:inset 0 0 0 1px var(--accent-line)!important}.layer-row-v2 .layer-name{font-size:12px!important;font-weight:500!important}.layer-row-v2 .layer-meta,.layer-kind{color:var(--fg-3)!important;font-size:11px!important}.layer-thumb-v2{background:var(--n-235);width:32px;height:24px;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.08);border-radius:4px!important}.layer-row-v2.drop-target{box-shadow:inset 0 2px 0 var(--accent-500)!important}.layer-row-v2 .mini-btn.layer-menu-trigger{width:24px!important;height:24px!important;box-shadow:none!important;color:var(--fg-2)!important;background:0 0!important;border-radius:4px!important;padding:0!important}.layer-row-v2.active .mini-btn.layer-menu-trigger,.layer-row-v2 .mini-btn.layer-menu-trigger:hover,.layer-row-v2 .mini-btn.layer-menu-trigger:active,.layer-row-v2 .mini-btn.layer-menu-trigger[data-state=open]{box-shadow:none!important;background:oklch(100% 0 0/.1)!important;transform:none!important}.add-menu-btn{height:32px!important;padding:0 8px 0 12px!important;font-size:13px!important}.layers-search{height:32px}.layer-row-v2 .layer-meta,.layer-kind{text-transform:none!important;letter-spacing:0!important}.asset-chip-grid{gap:8px!important}.asset-chip-grid .mini-btn{color:oklch(90% .002 270)!important;height:28px!important;padding:0 12px!important;font-size:12px!important}.asset-chip-grid .badge-chip{background:var(--accent-tint-strong)!important;height:24px!important;box-shadow:none!important;color:var(--accent-soft-text)!important;border-radius:12px!important;padding:0 10px!important;font-size:11px!important}.asset-chip-grid .badge-chip:hover:not(:disabled){background:oklch(64% .15 268/.22)!important}.rail-card{background:var(--tile-bg)!important;box-shadow:var(--tile-ring)!important;border-radius:8px!important}.rail-card:hover:not(:disabled){background:var(--n-215)!important;transform:none!important;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.08)!important}.rail-card.active{box-shadow:0 0 0 2px var(--n-165), 0 0 0 3.5px var(--accent-500)!important}.rail-card-stage{background:var(--n-200)!important}.rail-card-label{background:linear-gradient(#0000,oklch(13.5% .003 270/.9))!important;font-size:11px!important}.tilt-pad{background:var(--n-135)!important;box-shadow:var(--well-ring-soft)!important;border-radius:8px!important}.canvas-toolbar,.filmstrip,.dock-pill,.selection-toolbar,.motion-bar,.panel-reopen{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--float-shadow)!important;background:oklch(20% .004 270/.94)!important;border:0!important;border-radius:10px!important}.canvas-tool,.selection-btn{color:var(--fg-2)!important;border-radius:6px!important}.canvas-tool:hover,.selection-btn:hover{color:var(--fg-1)!important;background:oklch(100% 0 0/.07)!important}.canvas-tool-active,.canvas-tool-active:hover{background:var(--accent-500)!important;color:#fff!important;box-shadow:inset 0 1px oklch(100% 0 0/.2)!important}.canvas-toolbar-divider,.selection-sep{background:oklch(100% 0 0/.08)!important}.canvas-zoom-value{color:var(--fg-2)!important;font-size:11px!important}.filmstrip-item.active .filmstrip-thumb{box-shadow:0 0 0 1.5px var(--accent-500)!important}.dock-animate{background:var(--btn-bg)!important;box-shadow:var(--btn-shadow), 0 12px 32px oklch(0% 0 0/.45)!important;color:var(--fg-1)!important;border:0!important;border-radius:10px!important}.dock-animate:hover:not(:disabled){background:var(--btn-bg-hover)!important}.dock-animate.active{background:var(--accent-500)!important;color:#fff!important}.motion-play{background:var(--fg-1)!important;color:var(--n-135)!important;border-radius:8px!important}.motion-track:before{background:var(--n-260)!important}.motion-track-head{background:var(--fg-1)!important}.motion-loop.active{background:var(--accent-tint-strong)!important;color:var(--accent-soft-text)!important}.artboard-label{color:var(--fg-3)!important;font-size:11px!important}.artboard-name{font-weight:500}.selection-ring{outline-color:var(--accent-500)!important;border-color:var(--accent-500)!important}.scale-handle{border-color:var(--accent-500)!important;background:#fff!important}.empty-dropzone{background:oklch(13.5% .003 270/.6)!important;border:1px dashed oklch(100% 0 0/.1)!important;border-radius:12px!important}.empty-dropzone-icon{background:var(--n-215)!important;box-shadow:var(--btn-shadow)!important;color:var(--fg-1)!important;border-radius:8px!important}.empty-dropzone-cta{box-shadow:inset 0 1px oklch(100% 0 0/.22),0 0 0 1px oklch(35% .12 268),0 1px 3px oklch(0% 0 0/.4)!important}:where(button,[role=slider],[role=tab],[role=radio],a,input):focus-visible{outline:none;box-shadow:var(--focus-ring)!important}[data-slot=button][data-variant=default]:is(.btn-ghost,.mini-btn,.style-btn,.shader-color-remove){background:var(--btn-bg)!important;box-shadow:var(--btn-shadow)!important;color:var(--fg-1)!important}[data-slot=button][data-variant=default].btn-ghost{box-shadow:none!important;color:var(--fg-2)!important;background:0 0!important}[data-slot=button][data-variant=default].btn-ghost:hover:not(:disabled){color:var(--fg-1)!important;background:oklch(100% 0 0/.06)!important}.sidebar-left{width:296px!important}.panel-tabs{gap:4px!important}.panel-tab{white-space:nowrap;padding:0 8px!important}.topbar-tools{align-items:center;display:flex;gap:4px!important;margin-left:16px!important}.topbar-divider{background:oklch(100% 0 0/.1);width:1px;height:20px;margin:0 8px}.topbar-tools [data-size=sm]{gap:6px;padding:0 10px}.topbar-right{gap:8px!important}.topbar-upgrade{color:var(--accent-soft-text)!important}.topbar-upgrade svg{color:var(--accent-text)}.pro-badge{background:var(--accent-tint-strong);height:24px;color:var(--accent-soft-text);letter-spacing:.02em;border-radius:12px;align-items:center;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.selection-header{border-bottom:1px solid var(--hairline);flex-direction:column;gap:8px;margin:0 -4px 8px;padding:8px 4px 12px;display:flex}.selection-back{background:var(--btn-bg);max-width:100%;height:28px;box-shadow:var(--btn-shadow);color:var(--fg-1);border-radius:6px;align-self:flex-start;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex;padding:0 10px 0 8px!important}.selection-back span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.selection-back svg{flex:none;width:14px;height:14px}.selection-back:hover{background:var(--btn-bg-hover)}.selection-current{align-items:baseline;gap:8px;min-width:0;display:flex}.selection-current-kind{color:var(--fg-3);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;flex:none;font-size:11px}.selection-current-name{color:var(--fg-1);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.ctl-group{background:var(--n-135);box-shadow:var(--well-ring-soft);border-radius:8px;flex-direction:column;gap:12px;padding:12px;display:flex}.ctl-group-head{justify-content:space-between;align-items:center;gap:8px;min-height:24px;margin-bottom:-4px;display:flex}.ctl-group-title{color:var(--fg-1);font-size:12px;font-weight:600}.ctl-group-hint{color:var(--fg-3);margin:-4px 0 0;font-size:11px;line-height:16px}.ctl-group-body{flex-direction:column;gap:12px;display:flex}.ctl-group .tick-slider-well,.ctl-group .segmented,.ctl-group .chip-wrap,.ctl-group .color-trigger,.ctl-group [data-slot=slider-track]:not(.tick-slider-input *){background:var(--n-165)!important}.ctl-group-reset{height:24px;color:var(--fg-2);border-radius:4px;align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex;padding:0 8px!important}.ctl-group-reset svg{width:12px;height:12px}.ctl-group-reset:hover:not(:disabled){color:var(--fg-1);background:oklch(100% 0 0/.07)}.ctl-more{flex-direction:column;gap:8px;display:flex}.ctl-more-toggle{height:28px;color:var(--fg-2);border-radius:6px;align-self:flex-start;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex;padding:0 8px 0 4px!important}.ctl-more-toggle svg{width:14px;height:14px;transition:transform var(--t-fast) var(--ease-out)}.ctl-more.is-open .ctl-more-toggle svg{transform:rotate(90deg)}.ctl-more-toggle:hover{color:var(--fg-1);background:oklch(100% 0 0/.06)}.field-block-v2{flex-direction:column;gap:8px;display:flex}.color-row{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.color-trigger{background:var(--n-135);min-width:112px;height:32px;box-shadow:var(--well-ring);color:var(--fg-1);font-family:var(--font-mono);border-radius:6px;align-items:center;gap:8px;font-size:11px;display:inline-flex;padding:0 10px 0 4px!important}.color-trigger:hover:not(:disabled){box-shadow:inset 0 0 0 1px oklch(100% 0 0/.14)}.color-trigger:disabled{opacity:.5}.color-trigger-swatch{border-radius:4px;flex:none;width:24px;height:24px;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.12)}.color-trigger-compact{justify-content:center;width:32px;min-width:0;padding:0!important}.color-pop{gap:12px!important;width:240px!important;padding:12px!important}.color-pop .react-colorful{width:100%;height:176px}.color-pop .react-colorful__saturation{border-bottom:0;border-radius:6px 6px 0 0}.color-pop .react-colorful__hue{border-radius:7px;height:14px;margin-top:8px}.color-pop .react-colorful__pointer{border-width:2px;width:18px;height:18px;box-shadow:0 1px 4px oklch(0% 0 0/.5)}.color-pop-row{align-items:center;gap:8px;display:flex}.color-pop-preview{border-radius:6px;flex:none;width:32px;height:32px;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.12)}.color-pop-hex{background:var(--n-135);min-width:0;height:32px;box-shadow:var(--well-ring);color:var(--fg-3);font-family:var(--font-mono);border-radius:6px;flex:1;align-items:center;gap:2px;padding:0 10px;font-size:12px;display:flex}.color-pop-hex:focus-within{box-shadow:inset 0 0 0 1px var(--accent-500), 0 0 0 3px oklch(64% .15 268/.2)}.color-pop-hex input{width:100%;min-width:0;color:var(--fg-1);font:inherit;text-transform:uppercase;background:0 0;border:0;outline:0}.color-pop-dropper{background:var(--btn-bg);width:32px;height:32px;box-shadow:var(--btn-shadow);color:var(--fg-1);border-radius:6px;flex:none;place-items:center;display:grid;padding:0!important}.color-pop-dropper svg{width:14px;height:14px}.color-pop-swatches{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.color-pop-swatch{aspect-ratio:1;border-radius:4px;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.12);padding:0!important}.color-pop-swatch:hover{box-shadow:inset 0 0 0 1px oklch(100% 0 0/.4)}.color-pop-swatch.active{box-shadow:0 0 0 2px var(--n-200), 0 0 0 3.5px var(--accent-500)}.color-pop-label{color:var(--fg-3);margin-bottom:-6px;font-size:11px;font-weight:500}.shader-color-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.shader-color-chip{position:relative}.shader-color-add{width:32px;height:32px;color:var(--fg-2);border-radius:6px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.1);padding:0!important}.shader-color-add:hover{color:var(--fg-1);background:oklch(100% 0 0/.06)}.shader-color-add svg{width:14px;height:14px}.shape-tile-art,.material-art{background:var(--n-260);border-radius:4px;place-items:center;height:36px;display:grid}:where(.shape-tile-art) :where(.shape-swatch){border-radius:6px;width:26px;height:26px}.shape-tile-art .shape-swatch{background:linear-gradient(150deg,oklch(92% .004 270),oklch(62% .004 270));scale:.72}.shape-tile-art .shape-swatch-ring{box-shadow:inset 0 0 0 5px oklch(85% .004 270);background:0 0!important}.shape-tile-art .shape-swatch-torus{background:radial-gradient(circle,#0000 34%,oklch(90% .004 270) 38%,oklch(60% .004 270))}.look-tile-v3.active .shape-tile-art .shape-swatch:not(.shape-swatch-ring){background:linear-gradient(150deg,oklch(84% .09 268),oklch(56% .15 268))}.look-tile-v3.active .shape-tile-art .shape-swatch-ring{box-shadow:inset 0 0 0 5px oklch(74% .12 268)}.material-art{position:relative;overflow:hidden}.material-art:before{content:"";border-radius:50%;width:24px;height:24px}.material-art-glass:before{background:radial-gradient(circle at 32% 28%,oklch(100% 0 0/.95) 0 8%,#0000 14%),radial-gradient(circle at 60% 70%,oklch(80% .08 250/.7),oklch(50% .12 260/.35) 70%);box-shadow:inset 0 0 0 1px oklch(100% 0 0/.5)}.material-art-frosted:before{filter:blur(.4px);background:radial-gradient(circle at 35% 30%,oklch(96% .02 270),oklch(72% .05 270))}.material-art-iridescent:before{background:radial-gradient(circle at 32% 28%,oklch(100% 0 0/.9) 0 10%,#0000 20%),conic-gradient(from 30deg,oklch(90% .06 330),oklch(90% .06 200),oklch(92% .06 120),oklch(90% .06 330))}.material-art-chrome:before{background:linear-gradient(oklch(98% 0 0) 0%,oklch(70% 0 0) 46%,oklch(25% 0 0) 52%,oklch(60% 0 0) 100%)}.material-art-metal:before{background:radial-gradient(circle at 35% 30%,oklch(90% .05 80),oklch(55% .08 70) 70%)}.material-art-clay:before{background:radial-gradient(circle at 35% 30%,oklch(78% .1 268),oklch(50% .14 268))}.canvas-dock{pointer-events:none;flex-wrap:nowrap;justify-content:center;max-width:none!important;left:12px!important;right:12px!important;transform:none!important}.canvas-dock>*{pointer-events:auto}.motion-bar{flex:auto;min-width:0;max-width:760px;height:48px;gap:8px!important;padding:0 8px!important}.motion-back{background:var(--btn-bg);height:32px;box-shadow:var(--btn-shadow);color:var(--fg-1);white-space:nowrap;border-radius:6px;flex:none;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex;padding:0 10px 0 8px!important}.motion-back:hover{background:var(--btn-bg-hover)}.motion-back svg{width:14px;height:14px}.motion-sep{background:oklch(100% 0 0/.1);flex:none;width:1px;height:20px}.motion-play{flex:none;width:32px!important;height:32px!important}.motion-track{flex:160px;min-width:64px;width:auto!important}.motion-time,.motion-durations,.motion-loop{flex:none}.motion-time{min-width:0!important}.mode-motion .dock-animate{flex:none;height:48px}@media (width<=1280px){.app.left-panel-open.right-panel-open .motion-back-label,.app.left-panel-open.right-panel-open .motion-time-total{display:none}.app.left-panel-open.right-panel-open .motion-back{justify-content:center;width:32px;padding:0!important}}@media (width<=1100px){.app.left-panel-open.right-panel-open .motion-durations{display:none}}.canvas-tool-add{color:var(--fg-1)!important}.canvas-toolbar .inline-error{width:220px;position:absolute;top:0;left:calc(100% + 8px)}.canvas-toolbar .add-capture-anchor{position:absolute;top:0;left:100%}.watermark-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.watermark-thumb{object-fit:contain;max-width:96px;max-height:32px}.pro-tag{background:var(--accent-tint-strong);height:16px;color:var(--accent-soft-text);vertical-align:middle;border-radius:4px;align-items:center;margin-left:6px;padding:0 5px;font-family:Geist Variable,sans-serif;font-size:10px;font-weight:600;display:inline-flex}.export-free-note{border-top:1px solid var(--hairline);color:var(--fg-3);margin:0;padding-top:12px;font-size:11px;line-height:16px}.export-free-link{color:var(--accent-text);font-weight:500;padding:0!important}.export-free-link:hover{color:var(--accent-soft-text);text-decoration:underline}.upgrade-overlay{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(0% 0 0/.6);position:fixed;inset:0}.upgrade-dialog{z-index:91;background:var(--n-165);width:min(480px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--menu-shadow);color:var(--fg-1);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.upgrade-close{width:32px;height:32px;color:var(--fg-3);border-radius:6px;place-items:center;display:grid;position:absolute;top:12px;right:12px;padding:0!important}.upgrade-close:hover{color:var(--fg-1);background:oklch(100% 0 0/.06)}.upgrade-close svg{width:16px;height:16px}.upgrade-kicker{color:var(--accent-text);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:500}.upgrade-title{letter-spacing:-.01em;margin:-8px 0 0;font-size:20px;font-weight:600}.upgrade-desc{color:var(--fg-2);margin:-8px 0 0;font-size:13px;line-height:20px}.upgrade-plans{grid-template-columns:1fr 1.3fr;gap:8px;display:grid}.upgrade-plan{background:var(--tile-bg);box-shadow:var(--tile-ring);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.upgrade-plan-pro{background:var(--tile-on-bg);box-shadow:var(--tile-on-ring)}.upgrade-plan-name{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;font-weight:600;display:flex}.upgrade-price{color:var(--accent-soft-text);font-family:var(--font-mono);font-size:11px;font-weight:500}.upgrade-plan ul{color:var(--fg-2);flex-direction:column;gap:6px;margin:0;padding:0;font-size:12px;line-height:16px;list-style:none;display:flex}.upgrade-plan li{gap:6px;display:flex}.upgrade-plan li svg{width:14px;height:14px;color:var(--accent-text);flex:none;margin-top:1px}.upgrade-buy{background:linear-gradient(oklch(68% .15 268),oklch(60% .16 268));border-radius:8px;justify-content:center;align-items:center;height:40px;font-size:14px;font-weight:600;text-decoration:none;display:flex;box-shadow:inset 0 1px oklch(100% 0 0/.22),0 0 0 1px oklch(35% .12 268),0 1px 3px oklch(0% 0 0/.4);color:#fff!important}.upgrade-buy:hover{background:linear-gradient(oklch(72% .14 268),oklch(64% .15 268))}.upgrade-note{background:var(--n-135);color:var(--fg-2);border-radius:8px;margin:0;padding:12px;font-size:12px;line-height:18px}.upgrade-have-key{height:28px;color:var(--fg-2);border-radius:6px;align-self:center;align-items:center;gap:6px;font-size:12px;display:inline-flex;padding:0 10px!important}.upgrade-have-key:hover:not(:disabled){color:var(--fg-1);background:oklch(100% 0 0/.06)}.upgrade-have-key:disabled{opacity:.4}.upgrade-have-key svg{width:14px;height:14px}.upgrade-key{gap:8px;display:flex}.upgrade-key-input{background:var(--n-135);min-width:0;height:36px;box-shadow:var(--well-ring);color:var(--fg-1);font-family:var(--font-mono);border:0;border-radius:6px;outline:0;flex:1;padding:0 12px;font-size:12px}.upgrade-key-input:focus{box-shadow:inset 0 0 0 1px var(--accent-500), 0 0 0 3px oklch(64% .15 268/.2)}.upgrade-key-submit{background:var(--btn-bg);height:36px;box-shadow:var(--btn-shadow);color:var(--fg-1);border-radius:6px;font-size:13px;font-weight:500;padding:0 14px!important}.upgrade-key-submit:disabled{opacity:.5}.shader-color-remove{z-index:1;place-items:center;background:var(--n-300)!important;width:16px!important;height:16px!important;box-shadow:0 0 0 2px var(--n-135)!important;color:var(--fg-1)!important;border-radius:50%!important;padding:0!important;top:-6px!important;right:-6px!important}.shader-color-remove svg{width:10px!important;height:10px!important}.shape-tile-art .shape-swatch-pill{width:36px;height:18px}.shape-tile-art .shape-swatch-wave{width:34px;height:20px}.shape-tile-art .shape-swatch-arch{width:30px;height:24px}.tick-slider-fill,.tick-slider:focus-within .tick-slider-fill{background:linear-gradient(90deg,oklch(64% .15 268/.22),oklch(64% .15 268/.42))!important}.tick-slider:hover .tick-slider-fill{background:linear-gradient(90deg,oklch(64% .15 268/.28),oklch(64% .15 268/.5))!important}.tick-slider-head-line{background:#fff!important;box-shadow:0 0 0 1px oklch(0% 0 0/.25)!important}.tick-slider.is-disabled .tick-slider-fill{background:var(--n-260)!important}.tile-stage{background:var(--n-260);border-radius:4px;align-self:stretch;place-items:center;height:36px;display:grid}.tile-stage-light{background:linear-gradient(oklch(40% .004 270),oklch(32% .004 270))}.look-tile-v3>.look-tile-name{line-height:16px}.look-tile-short{padding:4px 4px 8px!important}.tile-stage .size-art{border-color:var(--fg-2)}.look-tile-v3.active .tile-stage .size-art{border-color:var(--fg-1);background:oklch(64% .15 268/.35)}.tile-stage .corner-art{border-color:var(--fg-2)}.look-tile-v3.active .tile-stage .corner-art{border-color:var(--fg-1)}.tile-stage .shadow-art{width:26px;height:18px}.cat-tabs{border-bottom:1px solid var(--hairline);gap:16px;display:flex}.cat-tab{height:32px;color:var(--fg-3);font-size:12px;font-weight:500;position:relative;padding:0!important}.cat-tab:hover,.cat-tab.active{color:var(--fg-1)}.cat-tab.active:after{content:"";background:var(--accent-500);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.style-glass-light .mockup-img,.style-glass-dark .mockup-img{border-radius:var(--inner-radius,.6em)!important}.mockup-clip,.numfield{position:relative}.numfield-label{align-items:center;gap:4px;height:100%;display:inline-flex;cursor:ew-resize!important}.numfield-scrub{fill:currentColor;opacity:0;width:10px;height:7px;transition:opacity var(--t-fast) var(--ease-out)}.numfield:hover .numfield-scrub{opacity:.45}.numfield-label:hover .numfield-scrub,.numfield-label:active .numfield-scrub{opacity:1;color:var(--accent-text)}.numfield-label:hover{color:var(--fg-1)!important}.numfield-steppers{opacity:0;pointer-events:none;width:16px;transition:opacity var(--t-fast) var(--ease-out);flex-direction:column;gap:1px;display:flex;position:absolute;top:3px;bottom:3px;right:3px}.numfield:hover .numfield-steppers{opacity:1;pointer-events:auto}.numfield:hover .numfield-unit{visibility:hidden}.numfield-step{background:var(--n-235);color:var(--fg-2);cursor:ns-resize;touch-action:none;border-radius:3px;flex:1;place-items:center;display:grid;padding:0!important}.numfield-step:hover{background:var(--n-300);color:var(--fg-1)}.numfield-step svg{fill:currentColor;width:7px;height:5px}@media (hover:none){.numfield-steppers{opacity:1;pointer-events:auto}.numfield-unit{visibility:hidden}}.logo-svg{border-radius:6px;flex:none;display:block;box-shadow:0 0 0 1px oklch(0% 0 0/.4),0 1px 3px oklch(0% 0 0/.4)}.auth-wordmark{align-items:center;gap:10px;color:var(--fg-1)!important;letter-spacing:-.01em!important;text-transform:none!important;font-size:14px!important;display:inline-flex!important}.auth-wordmark svg{border-radius:7px}.empty-panel{flex-direction:column;gap:16px;padding-top:24px;display:flex}.empty-panel-head{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:0 8px 8px;display:flex}.empty-panel-icon{background:var(--n-200);width:40px;height:40px;box-shadow:var(--tile-ring);color:var(--fg-2);border-radius:10px;place-items:center;margin-bottom:4px;display:grid}.empty-panel-icon svg{width:18px;height:18px}.empty-panel-title{color:var(--fg-1);font-size:13px;font-weight:600}.empty-panel-copy{max-width:220px;color:var(--fg-3);font-size:12px;line-height:18px}.empty-panel-actions{flex-direction:column;gap:8px;display:flex}.empty-action{background:var(--btn-bg);width:100%;height:36px;box-shadow:var(--btn-shadow);color:var(--fg-1);border-radius:8px;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex;padding:0 12px!important}.empty-action svg{width:16px;height:16px;color:var(--fg-2);flex:none}.empty-action span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.empty-action:hover{background:var(--btn-bg-hover)}.empty-action:active{background:var(--n-200);box-shadow:var(--btn-shadow-active);transform:translateY(1px)}.url-capture-v2{flex-direction:column;gap:8px;display:flex}.url-capture-row{gap:8px;display:flex}.url-capture-input{flex:1;min-width:0;background:var(--n-165)!important;height:32px!important;padding:0 10px!important}.url-capture-go{background:var(--btn-bg);height:32px;box-shadow:var(--btn-shadow);color:var(--fg-1);border-radius:6px;flex:none;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex;padding:0 12px!important}.url-capture-go svg{width:14px;height:14px}.url-capture-go:hover:not(:disabled){background:var(--btn-bg-hover)}.url-capture-go:disabled{opacity:.45}.url-capture-v2 .switch-row{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.maker-shelf{text-align:left;flex-direction:column;gap:8px;width:100%;padding-top:32px;display:flex}.maker-shelf-title{color:var(--fg-2);margin:0;padding:0 2px;font-size:12px;font-weight:600}.maker-list{background:var(--n-135);box-shadow:var(--well-ring-soft);border-radius:10px;flex-direction:column;margin:0;padding:4px;list-style:none;display:flex}.maker-list li+li{border-top:1px solid var(--hairline)}.promo-row{height:44px;color:var(--fg-1);border-radius:6px;align-items:center;gap:10px;padding:0 8px 0 6px;text-decoration:none;display:flex}a.promo-row:hover{background:oklch(100% 0 0/.05)}.promo-mark{background:color-mix(in oklch, var(--promo) 20%, var(--n-200));width:28px;height:28px;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--promo) 35%, transparent);color:color-mix(in oklch, var(--promo) 80%, white);border-radius:7px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.promo-copy{flex-direction:column;flex:1;min-width:0;display:flex}.promo-name{font-size:12px;font-weight:600;line-height:16px}.promo-tagline{color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:16px;overflow:hidden}.promo-go{width:14px;height:14px;color:var(--fg-3);flex:none}a.promo-row:hover .promo-go{color:var(--fg-1)}.promo-soon{color:var(--fg-4);flex:none;font-size:11px;font-weight:500}.promo-ad{height:32px;color:var(--fg-3);border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:12px;text-decoration:none;display:flex}.promo-ad svg{flex:none;width:14px;height:14px}.promo-ad-go{margin-left:auto}a.promo-ad:hover{color:var(--fg-1);background:oklch(100% 0 0/.05)}.rail-empty{padding:40px 0 16px!important}button.pro-badge{padding:0 10px!important}button.pro-badge:hover{background:oklch(64% .15 268/.24)}.upgrade-active{background:var(--n-135);height:40px;box-shadow:var(--well-ring);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.upgrade-active-label{color:var(--fg-3);font-size:12px}.upgrade-active-key{color:var(--fg-1);font-family:var(--font-mono);font-size:12px}