/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-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-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}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--tracking-widest:.1em;--radius-xs:.125rem;--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);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-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)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.left-2{left:calc(var(--spacing) * 2)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:calc(var(--spacing) * 1)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.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)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-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)}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.cursor-default{cursor:default}.resize{resize:both}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-input{border-color:var(--input)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-border{background-color:var(--border)}.bg-destructive{background-color:var(--destructive)}.bg-foreground{background-color:var(--foreground)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.fill-foreground{fill:var(--foreground)}.p-1{padding:calc(var(--spacing) * 1)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-background{color:var(--background)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-lg,.shadow-md{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)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.invert,.sepia{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,)}.sepia{--tw-sepia:sepia(100%)}.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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--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)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.blur-in{--tw-enter-blur:20px}.blur-out{--tw-exit-blur:20px}.fade-in{--tw-enter-opacity:0}.fade-out{--tw-exit-opacity:0}.paused{animation-play-state:paused}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-\[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)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing) * 8)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing) * 9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.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)}@media (min-width:40rem){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive) 60%,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)}}@media (hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent) 50%,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\: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\: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)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}}@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}:root{--bg:#0a0a0f;--surface:#12121a;--surface2:#1a1a26;--border:#2a2a3a;--accent:#0f8;--accent2:#f36;--accent3:#63f;--text:#e8e8f0;--text-dim:#7a7a9a;--radius:.5rem;--checker1:#1a1a26;--checker2:#12121a;--background:#0a0a0f;--foreground:#e8e8f0;--card:#12121a;--card-foreground:#e8e8f0;--popover:#12121a;--popover-foreground:#e8e8f0;--primary:#0f8;--primary-foreground:#0a0a0f;--secondary:#1a1a26;--secondary-foreground:#e8e8f0;--muted:#1a1a26;--muted-foreground:#7a7a9a;--accent-foreground:#0a0a0f;--destructive:#f36;--input:#2a2a3a;--ring:#0f8;--chart-1:#0f8;--chart-2:#63f;--chart-3:#f36;--chart-4:#00b86b;--chart-5:#52d;--sidebar:#12121a;--sidebar-foreground:#e8e8f0;--sidebar-primary:#0f8;--sidebar-primary-foreground:#0a0a0f;--sidebar-accent:#1a1a26;--sidebar-accent-foreground:#e8e8f0;--sidebar-border:#2a2a3a;--sidebar-ring:#0f8}[data-theme=light]{--bg:#f5f5f8;--surface:#fff;--surface2:#eeeef2;--border:#d0d0da;--accent:#00b86b;--accent2:#e6264d;--accent3:#52d;--text:#1a1a2e;--text-dim:#6a6a8a;--checker1:#e0e0e6;--checker2:#f5f5f8;--background:#f5f5f8;--foreground:#1a1a2e;--card:#fff;--card-foreground:#1a1a2e;--popover:#fff;--popover-foreground:#1a1a2e;--primary:#00b86b;--primary-foreground:#fff;--secondary:#eeeef2;--secondary-foreground:#1a1a2e;--muted:#eeeef2;--muted-foreground:#6a6a8a;--accent-foreground:#fff;--destructive:#e6264d;--input:#d0d0da;--ring:#00b86b;--chart-1:#00b86b;--chart-2:#52d;--chart-3:#e6264d;--chart-4:#0f8;--chart-5:#63f;--sidebar:#fff;--sidebar-foreground:#1a1a2e;--sidebar-primary:#00b86b;--sidebar-primary-foreground:#fff;--sidebar-accent:#eeeef2;--sidebar-accent-foreground:#1a1a2e;--sidebar-border:#d0d0da;--sidebar-ring:#00b86b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-space-mono),monospace;background:var(--bg);color:var(--text);height:100vh;overflow:hidden}#__next,#__next>div,body{flex-direction:column;display:flex}#__next,#__next>div{flex:1;min-height:0}a{color:inherit;text-decoration:none}header{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:10px 6px;display:flex}.logo{font-family:var(--font-syne),sans-serif;background:linear-gradient(90deg,var(--accent),var(--accent3),var(--accent),var(--accent3));-webkit-text-fill-color:transparent;letter-spacing:.5px;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800;animation:logo-gradient 4s infinite}@keyframes logo-gradient{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.header-actions{gap:8px;display:flex}.header-hamburger-wrap{display:none;position:relative}.header-hamburger{justify-content:center;align-items:center;display:flex}.header-menu-backdrop{z-index:99;position:fixed;inset:0}.header-menu{background:var(--surface2);border:1px solid var(--border);z-index:100;border-radius:8px;min-width:160px;padding:4px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}.header-menu-item{text-align:left;width:100%;font-family:var(--font-space-mono),monospace;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:8px 12px;font-size:11px;transition:all .15s;display:block}.header-menu-item:hover{color:var(--accent);background:#00ff8814}.header-menu-danger{color:var(--accent2)}.header-menu-danger:hover{color:var(--accent2);background:#ff33661a}.header-menu-accent{color:var(--accent);font-weight:700}.header-menu-accent:hover{background:#00ff8814}.header-menu-sep{background:var(--border);height:1px;margin:4px 8px}.drawer-backdrop{display:none}@media (max-width:768px){.header-logo{display:block}.header-actions{display:none}.header-hamburger-wrap{margin-left:auto;display:block}.right-panel{z-index:51;width:290px;box-shadow:none;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer-open .right-panel{transform:translate(0);box-shadow:-8px 0 30px #0006}.drawer-open .drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#00000073;display:block;position:fixed;inset:0}.tl-btn[data-tooltip=Copy\ SVG],.tl-save{display:none}.tl-editor{min-height:44px}.strip-item-toolbar{display:flex}.strip-align-btn:after{display:none}.palette-tooltip{display:none!important}}.strip-item-toolbar{display:none}.strip-delete-btn:hover:not(:disabled){color:var(--accent2);background:#ff33661a}.app-layout{flex:1;display:flex;position:relative;overflow:hidden}.left-palette{background:var(--surface);border-right:1px solid var(--border);z-index:5;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;width:40px;padding:6px 0;display:flex;overflow-y:auto}.palette-label{text-transform:uppercase;letter-spacing:1.5px;text-align:center;margin:6px 0 3px;font-size:7px}.palette-btn,.palette-label{color:var(--text-dim);flex-shrink:0}.palette-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:30px;height:30px;min-height:30px;touch-action:manipulation;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.palette-btn:hover{border-color:var(--accent);color:var(--accent)}.palette-btn svg{pointer-events:none;width:14px;height:14px}.palette-tooltip{pointer-events:none;z-index:9999;background:var(--surface2);color:var(--text);font-size:11px;font-family:var(--font-space-mono),monospace;white-space:nowrap;border:1px solid var(--border);border-radius:6px;padding:4px 10px;animation:tooltip-in .15s;position:fixed;box-shadow:0 4px 12px #0006}.palette-tooltip.above{animation:tooltip-in-up .15s}@keyframes tooltip-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes tooltip-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.palette-divider{background:var(--border);flex-shrink:0;width:22px;height:1px;margin:3px 0}.palette-color-btn svg{pointer-events:none;width:16px;height:16px}.svg-palette-grid{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;display:flex}.flyout-indicator{border-left:3px solid #0000;border-bottom:3px solid var(--text-dim);pointer-events:none;width:0;height:0;position:absolute;bottom:2px;right:2px}.palette-btn:hover .flyout-indicator{border-bottom-color:var(--accent)}.palette-flyout{z-index:9999;background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;min-width:140px;padding:4px;animation:tooltip-in .12s;display:flex;position:fixed;box-shadow:0 8px 24px #00000080}.palette-flyout-item{color:var(--text-dim);cursor:pointer;font-size:11px;font-family:var(--font-space-mono),monospace;white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;padding:6px 10px;transition:all .1s;display:flex}.palette-flyout-item:hover{color:var(--accent);background:#00ff8814}.palette-flyout-item.active{color:var(--accent);background:#00ff881f}.palette-flyout-item svg{pointer-events:none;flex-shrink:0}.palette-flyout-label{flex:1}.stage-scaler{position:relative}.canvas-area{overflow:hidden}.canvas-area,.stage-wrapper{flex-direction:column;flex:1;min-height:0;display:flex}.stage-wrapper{background:radial-gradient(circle at 50% 50%,#6633ff08 0,transparent 70%),var(--bg);justify-content:center;align-items:center;padding:20px;position:relative;overflow:auto}.stage-wrapper:before{content:"";background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);opacity:.3;background-size:30px 30px;position:absolute;inset:0}.selection-info{color:var(--text-dim);background:var(--surface);opacity:.6;border:1px solid var(--border);pointer-events:none;font-variant-numeric:tabular-nums;z-index:10;border-radius:4px;justify-content:center;justify-items:center;gap:8px;height:24px;padding:3px 10px;font-size:10px;display:flex;position:absolute;bottom:-28px;left:50%;overflow:hidden;transform:translate(-50%)}.selection-info span{white-space:nowrap;display:block}.stage{border:1px solid var(--border);touch-action:none;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00ff880d,0 20px 60px #00000080}.stage-transparent-bg{background-image:repeating-conic-gradient(var(--checker1) 0 25%,var(--checker2) 0 50%);background-size:16px 16px}.marquee-rect{border:1.5px dashed var(--accent);pointer-events:none;z-index:50;background:#00ff880f;position:absolute}.alignment-guides{z-index:5}.alignment-guides,.stage-grid{pointer-events:none;position:absolute;inset:0}.stage-grid{z-index:0}.stage-item{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute}.stage-item>span:not(.text-editable):not(.edit-hint){font-size:0;line-height:0;display:block}.stage-item img{display:block}.stage-item.selected{outline:1px solid var(--accent);outline-offset:0}.stage-item.editing{outline-offset:4px;z-index:10;outline:2px solid var(--accent2)!important;cursor:text!important}.stage-item.editing .text-editable{min-width:20px;caret-color:var(--accent);outline:none}.stage-item.animating,.stage-item.locked{cursor:default}.stage.exporting{box-shadow:none;border-color:#0000;transform:none!important}.stage.exporting .conn-delete-btn,.stage.exporting .handle,.stage.exporting .node-overlay,.stage.exporting .resize-handle{display:none}.stage.exporting .stage-item.selected{outline:none}.node-overlay{pointer-events:none;z-index:4;position:absolute;inset:0}.node-line{stroke:var(--text-dim);stroke-width:1.5px;stroke-dasharray:6 4;opacity:.5}.node-dot{pointer-events:all;cursor:pointer;transition:r .15s}.node-label{fill:var(--bg);pointer-events:none;text-anchor:middle;dominant-baseline:central;font-size:9px;font-weight:700}.traveling-dot{fill:var(--accent);opacity:.9}.traveling-dot-delayed{fill:var(--accent);opacity:.5}.node-pulse-ring{animation:node-pulse 2s ease-out infinite}@keyframes node-pulse{0%{r:7;opacity:.8;stroke-width:1.5px}to{r:18;opacity:0;stroke-width:.5px}}.handle{border:2px solid var(--accent);background:var(--bg);opacity:0;z-index:5;cursor:crosshair;pointer-events:all;border-radius:50%;width:10px;height:10px;transition:opacity .15s,transform .15s,background .15s;position:absolute}.handle-top{top:-5px;left:50%;transform:translate(-50%)}.handle-right{top:50%;right:-5px;transform:translateY(-50%)}.handle-bottom{bottom:-5px;left:50%;transform:translate(-50%)}.handle-left{top:50%;left:-5px;transform:translateY(-50%)}.stage-item.selected .handle,.stage-item:hover .handle{opacity:1}.handle:hover{background:var(--accent);transform:translate(-50%)scale(1.4)}.handle-left:hover,.handle-right:hover{background:var(--accent);transform:translateY(-50%)scale(1.4)}.handle-bottom:hover,.handle-top:hover{background:var(--accent);transform:translate(-50%)scale(1.4)}.handle.snap-target{opacity:1;background:var(--accent);border-color:#fff;transform:scale(1.5);box-shadow:0 0 12px #0f89}.handle-top.snap-target{transform:translate(-50%)scale(1.5)}.handle-right.snap-target{transform:translateY(-50%)scale(1.5)}.handle-bottom.snap-target{transform:translate(-50%)scale(1.5)}.handle-left.snap-target{transform:translateY(-50%)scale(1.5)}.stage-item.selected{overflow:visible}.resize-handle{background:var(--surface);border:2px solid var(--accent);z-index:6;pointer-events:all;box-sizing:border-box;border-radius:2px;width:10px;height:10px;transition:background .15s,box-shadow .15s;position:absolute}.resize-handle-nw{cursor:nw-resize;top:-11px;left:-11px}.resize-handle-ne{cursor:ne-resize;top:-11px;right:-11px}.resize-handle-sw{cursor:sw-resize;bottom:-11px;left:-11px}.resize-handle-se{cursor:se-resize;bottom:-11px;right:-11px}.resize-handle-n{cursor:n-resize;top:-11px}.resize-handle-n,.resize-handle-s{width:12px;height:5px;left:50%;transform:translate(-50%)}.resize-handle-s{cursor:s-resize;bottom:-11px}.resize-handle-e{cursor:e-resize;right:-11px}.resize-handle-e,.resize-handle-w{width:5px;height:12px;top:50%;transform:translateY(-50%)}.resize-handle-w{cursor:w-resize;left:-11px}.resize-handle:hover{background:var(--accent);box-shadow:0 0 8px #00ff8880}.rotate-handle{border:2px solid var(--accent);background:var(--surface);z-index:7;pointer-events:all;cursor:grab;box-sizing:border-box;border-radius:50%;width:14px;height:14px;transition:background .15s,box-shadow .15s;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.rotate-handle:hover{background:var(--accent);box-shadow:0 0 8px #00ff8880}.rotate-handle:active{cursor:grabbing}.rotate-handle-stem{background:var(--accent);opacity:.5;z-index:6;width:1px;height:16px;top:-16px;left:50%;transform:translate(-50%)}.connections-svg,.rotate-handle-stem{pointer-events:none;position:absolute}.connections-svg{z-index:1;inset:0}.conn-path{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:8 4;opacity:.5;transition:stroke-width .15s,opacity .15s}.conn-path-selected{stroke-width:2.5px;opacity:1;stroke:var(--accent);stroke-dasharray:none}.conn-draft-line{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:6 6;opacity:.6}@keyframes conn-flow{to{stroke-dashoffset:calc(var(--dash-total,12) * -1px)}}.conn-delete-btn circle{transition:fill .15s}.conn-delete-btn:hover circle{fill:var(--accent2)}.conn-delete-btn:hover line{stroke:#fff}.edit-hint{color:var(--text-dim);white-space:nowrap;background:var(--surface);border:1px solid var(--border);pointer-events:none;opacity:0;border-radius:3px;padding:2px 6px;font-size:8px;transition:opacity .2s;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.stage-item.selected:not(.editing):not(.animating):hover .edit-hint{opacity:1}.right-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:290px;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.panel-title{font-family:var(--font-syne),sans-serif;letter-spacing:-.3px;font-size:13px;font-weight:700}.panel-close{border:1px solid var(--border);width:24px;height:24px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.panel-close:hover{border-color:var(--accent2);color:var(--accent2)}.panel-body{flex:1;padding:14px;overflow-y:auto}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.right-panel-content{flex-direction:column;height:100%;display:none}.right-panel-content.active,.rp-tabs{display:flex}.rp-tabs{border-bottom:1px solid var(--border)}.rp-tab{font-family:var(--font-syne),sans-serif;letter-spacing:.5px;text-align:center;color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:1;padding:10px 0;font-size:11px;font-weight:700;transition:all .15s;position:relative}.rp-tab:hover{color:var(--text)}.rp-tab.active{color:var(--accent)}.rp-tab.active:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:0;left:20%;right:20%}.accordion{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.accordion-header{width:100%;font-family:var(--font-syne),sans-serif;letter-spacing:.5px;background:var(--bg);color:var(--text-dim);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.accordion-header:hover{background:var(--surface2);color:var(--text)}.accordion.open .accordion-header{border-bottom:1px solid var(--border)}.accordion.open .accordion-header svg{color:var(--accent)}.accordion-body{padding:12px}.accordion-body .section:last-child{margin-bottom:0}.section{margin-bottom:16px}.section h3{font-family:var(--font-syne),sans-serif;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:8px;font-size:10px}.field{margin-bottom:10px}.field label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:4px;font-size:9px;display:block}.field input,.field select,.field textarea{width:100%;font-family:var(--font-space-mono),monospace;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);outline:none;padding:7px 9px;font-size:11px;transition:border-color .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:50px}.field-row{gap:8px;display:flex}.field-row .field{flex:1}.align-row{gap:4px;display:flex}.align-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:28px;height:28px;color:var(--text-dim);justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.align-btn:hover{border-color:var(--accent);color:var(--accent)}.color-wrap{align-items:center;gap:6px;display:flex}.color-wrap input[type=color]{cursor:pointer;border-radius:4px;width:30px;height:30px;padding:2px}.btn{font-family:var(--font-space-mono),monospace;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:var(--radius);cursor:pointer;align-items:center;gap:5px;padding:7px 12px;font-size:11px;transition:all .15s;display:inline-flex}.btn:hover{color:var(--accent);background:#00ff880d}.btn-accent,.btn:hover{border-color:var(--accent)}.btn-accent{background:var(--accent);color:var(--bg);font-weight:700}.btn-accent:hover{color:var(--bg);background:#00cc6e;border-color:#00cc6e}.btn-danger{border-color:var(--accent2);color:var(--accent2)}.btn-danger:hover{background:#ff33661a}.btn-sm{padding:4px 8px;font-size:10px}.item-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;padding:7px 8px;transition:all .15s;display:flex}.item-card.active,.item-card:hover{border-color:var(--accent)}.item-name{white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:10px;overflow:hidden}.item-type{text-transform:uppercase;letter-spacing:1px;color:var(--accent3);background:#6633ff26;border-radius:3px;padding:2px 5px;font-size:8px}.item-fx-tags{color:var(--text-dim);margin-top:1px;font-size:8px}.item-action-btn{width:20px;height:20px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.item-action-btn:hover{border-color:var(--border);color:var(--text);background:var(--surface2)}.item-action-btn:disabled{opacity:.25;cursor:default}.item-action-btn.item-action-danger:hover{border-color:var(--accent2);color:var(--accent2)}.empty-state{height:100%;color:var(--text-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.empty-state svg{opacity:.3;margin-bottom:10px}.empty-state p{font-size:11px;line-height:1.6}.item-card.grouped{padding-left:26px}.item-group-header{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin-bottom:4px;padding:6px 8px;transition:all .15s;display:flex}.item-group-header.active,.item-group-header:hover{border-color:var(--accent)}.item-group-header .group-name{font-family:var(--font-syne),sans-serif;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:10px;font-weight:700;overflow:hidden}.item-group-header .group-count{color:var(--text-dim);background:var(--bg);border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:8px}.group-chevron{flex-shrink:0;transition:transform .15s}.group-chevron.collapsed{transform:rotate(-90deg)}.item-card.drop-above,.item-group-header.drop-above{box-shadow:0 -2px 0 0 var(--accent)}.item-card.drop-below,.item-group-header.drop-below{box-shadow:0 2px 0 0 var(--accent)}.item-group-header.drop-into{border-color:var(--accent);background:#00ff881a}.tree-view{padding:2px 0}.tree-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:5px;min-height:24px;padding:3px 6px;transition:background .1s;display:flex;position:relative}.tree-row:hover{background:var(--surface2)}.tree-branch{pointer-events:none;width:10px;height:50%;position:absolute;top:0}.tree-branch:before{width:1px;top:-4px}.tree-branch:after,.tree-branch:before{content:"";background:var(--border);position:absolute;bottom:50%;left:0}.tree-branch:after{width:10px;height:1px}.tree-branch.last:before{bottom:50%}.tree-root{font-family:var(--font-syne),sans-serif;color:var(--text);letter-spacing:.3px;align-items:center;gap:6px;padding:5px 6px;font-size:10px;font-weight:700;display:flex}.tree-root-label{opacity:.7}.tree-slide{font-family:var(--font-syne),sans-serif;color:var(--text-dim);font-size:10px;font-weight:600}.tree-slide.current{color:var(--text)}.tree-slide.current:after{content:"";background:var(--accent);border-radius:2px;width:3px;height:10px;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.tree-slide-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.tree-rename-input{background:var(--bg);border:1px solid var(--accent);color:var(--text);font-family:var(--font-syne),sans-serif;border-radius:3px;outline:none;flex:1;min-width:0;padding:1px 4px;font-size:10px}.tree-chevron{cursor:pointer;flex-shrink:0;transition:transform .15s}.tree-chevron.collapsed{transform:rotate(-90deg)}.tree-group{font-family:var(--font-syne),sans-serif;font-size:10px;font-weight:600}.tree-group.active{color:var(--accent)}.tree-group-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.tree-count{font-family:var(--font-space-mono),monospace;color:var(--text-dim);background:var(--bg);border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:8px}.tree-leaf{font-size:10px}.tree-leaf.active{background:#00ff880f}.tree-leaf.active .tree-name{color:var(--accent)}.tree-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.tree-label{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tree-name{max-width:100px;font-size:10px}.tree-fx,.tree-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tree-fx{color:var(--text-dim);font-size:7px}.tree-actions{opacity:0;flex-shrink:0;align-items:center;gap:1px;transition:opacity .15s;display:flex}.tree-row:hover .tree-actions{opacity:1}.tree-action-btn{width:18px;height:18px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .1s;display:flex}.tree-action-btn:hover{border-color:var(--border);color:var(--text);background:var(--surface2)}.tree-action-btn.tree-action-danger:hover{border-color:var(--accent2);color:var(--accent2)}.tree-group.drop-above,.tree-leaf.drop-above{box-shadow:0 -2px 0 0 var(--accent)}.tree-group.drop-below,.tree-leaf.drop-below{box-shadow:0 2px 0 0 var(--accent)}.tree-group.drop-into{background:#00ff881a}.tree-dimmed{cursor:default}.tree-dimmed:hover{background:0 0}.tree-dim-text{color:var(--text-dim);opacity:.6;font-size:9px;font-style:italic}.tree-add-slide{opacity:.5;transition:opacity .15s}.tree-add-slide:hover{opacity:1}.tree-slide-block{position:relative}.seq-step{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;padding:10px}.seq-step.expanded{border-color:var(--accent)}.seq-step-header{cursor:pointer;justify-content:space-between;gap:6px}.seq-step-header,.seq-step-num{align-items:center;display:flex}.seq-step-num{background:var(--accent);width:20px;height:20px;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;font-size:10px;font-weight:700}.seq-step-label{color:var(--text);text-transform:uppercase;letter-spacing:.3px;flex:1;font-size:10px}.seq-step-meta{color:var(--text-dim);font-size:9px}.seq-step-actions{gap:3px;display:flex}.seq-step-actions button{border:1px solid var(--border);width:20px;height:20px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;font-size:10px;transition:all .15s;display:flex}.seq-step-actions button:hover{border-color:var(--accent2);color:var(--accent2)}.seq-step-body{margin-top:10px;display:none}.seq-step.expanded .seq-step-body{display:block}.seq-step-body .field{margin-bottom:8px}.seq-step-body .field-row{gap:6px;display:flex}.seq-step-body .field-row .field{flex:1}.controls-bar{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;display:flex}.playback-controls{gap:4px;display:flex}.play-btn{background:var(--accent);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex}.play-btn:hover{transform:scale(1.08)}.ctrl-btn{background:var(--surface2);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.ctrl-btn.active,.ctrl-btn:hover,.tl-btn.active{border-color:var(--accent);color:var(--accent)}.ctrl-btn.active,.tl-btn.active{background:#00ff8814}.ctrl-btn,.tl-btn{position:relative}.loop-badge{color:var(--accent);pointer-events:none;font-size:7px;font-weight:700;line-height:1;position:absolute;bottom:1px;right:1px}.loop-badge.sm{font-size:6px;bottom:0;right:0}.timeline-track{background:var(--surface2);cursor:pointer;border-radius:3px;flex:1;height:5px;position:relative}.timeline-progress{background:linear-gradient(90deg,var(--accent),var(--accent3));border-radius:3px;width:0;height:100%;transition:width 50ms linear}.timeline-thumb{background:var(--accent);border-radius:50%;width:12px;height:12px;transition:left 50ms linear;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 10px #0f86}.time-display{color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;min-width:70px;font-size:11px}.duration-input{width:50px;font-family:var(--font-space-mono),monospace;background:var(--bg);border:1px solid var(--border);color:var(--text);text-align:center;border-radius:4px;padding:3px 5px;font-size:11px}.editor-main,.editor-page{flex-direction:column;flex:1;min-height:0;display:flex}.editor-main{overflow:hidden}.tl-editor{border-top:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;display:flex}.tl-resize-handle{cursor:ns-resize;touch-action:none;background:0 0;flex-shrink:0;justify-content:center;align-items:center;height:5px;transition:background .15s;display:flex;position:relative}.tl-resize-handle:before{content:"";background:var(--border);opacity:0;transition:opacity .15s;position:absolute;inset:0}.tl-resize-handle:active:before,.tl-resize-handle:hover:before{opacity:.5}.tl-resize-grip{background:var(--surface2);border:1px solid var(--border);width:24px;height:8px;color:var(--text-dim);z-index:1;border-radius:3px;justify-content:center;align-items:center;transition:all .15s;display:flex}.tl-resize-handle:hover .tl-resize-grip{border-color:var(--accent);color:var(--accent);background:var(--surface)}.tl-resize-handle:active .tl-resize-grip{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px #00ff8826}.tl-transport{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;gap:10px;height:40px;padding:0 6px}.tl-t-left,.tl-transport{align-items:center;display:flex}.tl-t-left{gap:4px}.tl-btn{background:var(--bg);border:1px solid var(--border);width:26px;height:26px;color:var(--text-dim);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.tl-btn:hover{border-color:var(--accent);color:var(--accent)}.tl-play{background:var(--accent);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s;display:flex}.tl-play:hover{transform:scale(1.08)}.tl-time{color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:90px;font-size:10px}.tl-t-right{align-items:center;gap:6px;margin-left:auto;display:flex}.tl-dur-lbl{color:var(--text-dim);letter-spacing:1px;font-size:8px}.tl-dur{width:44px;font-family:var(--font-space-mono),monospace;background:var(--bg);border:1px solid var(--border);color:var(--text);text-align:center;border-radius:4px;outline:none;padding:3px 4px;font-size:10px}.tl-dur:focus{border-color:var(--accent)}.tl-save{font-family:var(--font-space-mono),monospace;background:var(--accent);color:var(--bg);cursor:pointer;letter-spacing:.3px;border:none;border-radius:4px;padding:4px 10px;font-size:9px;font-weight:700;transition:opacity .15s}.tl-save:hover{opacity:.9}.tl-save:disabled{opacity:.5;cursor:default}.tl-body{flex:1;display:flex;overflow:hidden}.tl-sidebar{border-right:1px solid var(--border);background:var(--surface);flex-shrink:0;width:148px;overflow-y:auto}.tl-corner{height:28px;font-family:var(--font-syne),sans-serif;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--border);padding:0 12px;font-size:8px;font-weight:700}.tl-corner,.tl-empty-side{color:var(--text-dim);align-items:center;display:flex}.tl-empty-side{height:34px;justify-content:center;font-size:10px}.tl-label{border-bottom:1px solid var(--border);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:7px;height:34px;padding:0 10px;transition:background .15s;display:flex}.tl-label:hover{background:#ffffff05}.tl-label.active{background:#00ff880a}.tl-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.tl-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10px;overflow:hidden}.tl-type{text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);background:var(--bg);border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:7px}.tl-label-input{width:80px;font-family:var(--font-space-mono),monospace;background:var(--surface);border:1px solid var(--accent);color:var(--text);border-radius:3px;outline:none;padding:0 2px;font-size:10px}.tl-label.drag-over{border-top:2px solid var(--accent)}.tl-label.dragging{opacity:.4}.tl-lanes{cursor:crosshair;flex:1;position:relative;overflow:auto}.tl-lanes::-webkit-scrollbar{width:4px;height:5px}.tl-lanes::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.tl-inner{min-height:100%;position:relative}.tl-grid{pointer-events:none;z-index:0;background:#ffffff06;width:1px;position:absolute;top:0;bottom:0}.tl-grid.major{background:#ffffff0d}.tl-ruler{border-bottom:1px solid var(--border);z-index:1;height:28px;position:relative}.tl-rlabel{color:var(--text-dim);font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;position:absolute;top:8px;transform:translate(4px)}.tl-tracks{z-index:1;position:relative}.tl-empty{height:80px;color:var(--text-dim);pointer-events:none;justify-content:center;align-items:center;font-size:10px;display:flex}.tl-track{border-bottom:1px solid var(--border);height:34px;position:relative}.tl-track.active{background:#00ff8805}.tl-clip{cursor:grab;z-index:1;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid;border-radius:4px;transition:filter .15s,border-color .15s;position:absolute}.tl-clip:hover{filter:brightness(1.4)}.tl-clip.active{border-style:solid}.tl-clip-l,.tl-clip-r{cursor:col-resize;z-index:3;width:6px;position:absolute;top:0;bottom:0}.tl-clip-l{border-radius:4px 0 0 4px;left:-2px}.tl-clip-r{border-radius:0 4px 4px 0;right:-2px}.tl-clip-l:hover,.tl-clip-r:hover{background:#ffffff1f}.tl-clip-l:after,.tl-clip-r:after{content:"";background:#ffffff26;border-radius:1px;width:2px;height:10px;transition:background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tl-clip:hover .tl-clip-l:after,.tl-clip:hover .tl-clip-r:after{background:#ffffff59}.tl-clip-l:hover:after,.tl-clip-r:hover:after{background:#ffffffb3}.tl-seg{cursor:grab;z-index:2;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid;border-radius:4px;transition:filter .15s,box-shadow .15s;position:absolute;overflow:hidden}.tl-seg:hover{filter:brightness(1.4);box-shadow:0 0 8px #ffffff0f}.tl-seg-bar{border-radius:4px 0 0 4px;width:3px;position:absolute;top:0;bottom:0;left:0}.tl-seg-txt{color:var(--text);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;letter-spacing:.3px;align-items:center;height:100%;padding:0 10px 0 8px;font-size:8px;display:flex;overflow:hidden}.tl-seg-l,.tl-seg-r{cursor:col-resize;z-index:3;justify-content:center;align-items:center;width:7px;display:flex;position:absolute;top:0;bottom:0}.tl-seg-l{border-radius:4px 0 0 4px;left:-2px}.tl-seg-r{border-radius:0 4px 4px 0;right:-2px}.tl-seg-l:after,.tl-seg-r:after{content:"";background:#ffffff4d;border-radius:1px;width:2px;height:10px;transition:background .15s}.tl-seg:hover .tl-seg-l:after,.tl-seg:hover .tl-seg-r:after{background:#ffffff80}.tl-seg-l:hover:after,.tl-seg-r:hover:after{background:#fffc}.tl-seg.overlapping{opacity:.85}.tl-seg.seg-selected{outline:1.5px solid var(--accent);outline-offset:-1px;filter:brightness(1.3)}.tl-ph{z-index:10;pointer-events:none;width:0;position:absolute;top:0;bottom:0;left:0}.tl-ph-head{background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%);cursor:col-resize;pointer-events:auto;z-index:11;touch-action:none;width:12px;height:12px;position:absolute;top:2px;left:-6px}.tl-ph-head:hover{filter:brightness(1.2)}.tl-ph-line{background:var(--accent);width:2px;position:absolute;top:14px;bottom:0;left:-1px;box-shadow:0 0 8px #00ff8859}.tl-ph-line,.toast{pointer-events:none}.toast{background:var(--surface2);border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius);opacity:0;z-index:100;padding:7px 14px;font-size:11px;transition:all .3s;position:fixed;bottom:70px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}input[type=range]{-webkit-appearance:none;background:var(--border);border:none;border-radius:2px;outline:none;width:100%;height:4px;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.projects-page{flex-direction:column;height:100vh;display:flex}.projects-page header{flex-shrink:0}.projects-content{flex-direction:column;flex:1;gap:32px;padding:24px;display:flex;overflow-y:auto}.section-title{font-family:var(--font-syne),sans-serif;letter-spacing:-.3px;color:var(--text-dim);text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700}.samples-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.sample-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;font-family:var(--font-space-mono),monospace;color:var(--text);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:flex}.sample-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.sample-card-swatch{border-radius:var(--radius);flex-shrink:0;width:40px;height:40px}.sample-card-info{flex-direction:column;gap:3px;display:flex}.sample-card-name{font-family:var(--font-syne),sans-serif;font-size:12px;font-weight:700}.sample-card-desc{color:var(--text-dim);font-size:9px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:16px;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:all .15s;position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.project-card-link{display:block}.project-card-preview{background:var(--bg);justify-content:center;align-items:center;height:120px;display:flex}.project-card-count{color:var(--text-dim);font-size:11px}.project-card-info{padding:12px}.project-card-name{font-family:var(--font-syne),sans-serif;margin-bottom:4px;font-size:13px;font-weight:700}.project-card-date{color:var(--text-dim);font-size:10px}.project-delete{opacity:0;transition:opacity .15s;position:absolute;top:8px;right:8px}.project-card:hover .project-delete{opacity:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-300px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(300px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(300px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-300px)}to{opacity:1;transform:translateY(0)}}@keyframes zoom-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes rotate-in{0%{opacity:0;transform:rotate(-2turn)scale(0)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes flip-in{0%{opacity:0;transform:perspective(400px)rotateY(-90deg)}to{opacity:1;transform:perspective(400px)rotateY(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes typewriter-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes anim-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes anim-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}@keyframes anim-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes anim-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes anim-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes anim-glitch{0%,to{filter:hue-rotate();transform:translate(0)}10%{filter:hue-rotate(90deg);transform:translate(-3px,2px)}20%{filter:hue-rotate(180deg);transform:translate(3px,-2px)}30%{filter:hue-rotate();transform:translate(0)}40%{filter:hue-rotate(270deg);transform:translate(2px,3px)skew(2deg)}50%{transform:translate(-2px,-1px)}60%{transform:translate(3px,1px)skew(-1deg)}70%{transform:translate(0)}}@keyframes anim-rubber{0%{transform:scaleX(1)scaleY(1)}30%{transform:scaleX(1.25)scaleY(.75)}40%{transform:scaleX(.75)scaleY(1.25)}50%{transform:scaleX(1.15)scaleY(.85)}65%{transform:scaleX(.95)scaleY(1.05)}75%{transform:scaleX(1.05)scaleY(.95)}to{transform:scaleX(1)scaleY(1)}}@keyframes neon-glow{0%,to{filter:drop-shadow(0 0 5px)drop-shadow(0 0 10px)}50%{filter:drop-shadow(0 0 20px)drop-shadow(0 0 40px)drop-shadow(0 0 60px)}}@keyframes color-cycle{0%{filter:hue-rotate()}to{filter:hue-rotate(1turn)}}@keyframes flip-in-x{0%{opacity:0;transform:perspective(400px)rotateX(-90deg)}to{opacity:1;transform:perspective(400px)rotateX(0)}}@keyframes anim-swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes anim-jello{0%,to{transform:skew(0deg)skewY(0)}11%{transform:skew(-12.5deg)skewY(-12.5deg)}22%{transform:skew(6.25deg)skewY(6.25deg)}33%{transform:skew(-3.125deg)skewY(-3.125deg)}44%{transform:skew(1.5625deg)skewY(1.5625deg)}55%{transform:skew(-.78125deg)skewY(-.78125deg)}66%{transform:skew(.390625deg)skewY(.390625deg)}77%{transform:skew(-.195313deg)skewY(-.195313deg)}}@keyframes anim-heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes anim-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes anim-shimmer{0%{filter:brightness()saturate()}25%{filter:brightness(1.4)saturate(1.2)}50%{filter:brightness()saturate()}75%{filter:brightness(1.6)saturate(.8)}to{filter:brightness()saturate()}}@keyframes typewriter-in-right{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes reveal-up{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes reveal-down{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes blur-in{0%{filter:blur(20px);opacity:0}to{filter:blur();opacity:1}}@keyframes blur-out{0%{filter:blur();opacity:1}to{filter:blur(20px);opacity:0}}@keyframes expand-letters{0%,to{letter-spacing:0}50%{letter-spacing:20px}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-300px)}}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(300px)}}@keyframes slide-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-300px)}}@keyframes slide-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(300px)}}@keyframes zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes rotate-out{0%{opacity:1;transform:rotate(0)scale(1)}to{opacity:0;transform:rotate(2turn)scale(0)}}@keyframes flip-out-y{0%{opacity:1;transform:perspective(400px)rotateY(0)}to{opacity:0;transform:perspective(400px)rotateY(90deg)}}@keyframes flip-out-x{0%{opacity:1;transform:perspective(400px)rotateX(0)}to{opacity:0;transform:perspective(400px)rotateX(90deg)}}@keyframes shrink-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.01)}}.export-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:380px;max-width:90vw;box-shadow:0 20px 60px #00000080,0 0 0 1px #00ff880d}.export-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.export-panel-title{font-family:var(--font-syne),sans-serif;letter-spacing:-.3px;font-size:15px;font-weight:700}.export-options{flex-direction:column;gap:8px;padding:14px;display:flex}.export-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;font-family:var(--font-space-mono),monospace;color:var(--text);align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:flex}.export-card:hover:not(:disabled){border-color:var(--accent);background:#00ff8808}.export-card:disabled{opacity:.5;cursor:not-allowed}.export-card.active{border-color:var(--accent);background:#00ff880f}.export-card-icon{background:var(--surface2);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.export-card-text{flex-direction:column;gap:3px;display:flex}.export-card-title{font-family:var(--font-syne),sans-serif;font-size:12px;font-weight:700}.export-card-desc{color:var(--text-dim);font-size:9px}.export-progress-wrap{flex-direction:column;gap:6px;padding:0 18px 14px;display:flex}.export-progress{background:var(--surface2);border-radius:2px;height:4px;overflow:hidden}.export-progress-bar{background:linear-gradient(90deg,var(--accent),var(--accent3));border-radius:2px;height:100%;transition:width .15s linear}.export-progress-text{color:var(--text-dim);text-align:center;font-size:9px}.canvas-presets{grid-template-columns:1fr 1fr;gap:4px;display:grid}.canvas-preset{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;font-family:var(--font-space-mono),monospace;color:var(--text);flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;transition:all .15s;display:flex}.canvas-preset.active,.canvas-preset:hover{border-color:var(--accent)}.canvas-preset.active{background:#00ff880f}.canvas-preset-label{font-size:9px;font-weight:700}.canvas-preset-size{color:var(--text-dim);font-size:8px}.canvas-bg-toggle{border:1px solid var(--border);border-radius:var(--radius);gap:0;display:flex;overflow:hidden}.canvas-bg-opt{font-family:var(--font-space-mono),monospace;background:var(--bg);color:var(--text-dim);cursor:pointer;text-align:center;border:none;flex:1;padding:5px 0;font-size:9px;transition:all .15s}.canvas-bg-opt:not(:last-child){border-right:1px solid var(--border)}.canvas-bg-opt:hover{color:var(--text)}.canvas-bg-opt.active{background:var(--accent);color:var(--bg);font-weight:700}.canvas-transparent-preview{border-radius:var(--radius);border:1px solid var(--border);background-image:repeating-conic-gradient(var(--checker1) 0 25%,var(--checker2) 0 50%);background-size:12px 12px;height:32px}.json-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:560px;max-width:90vw;max-height:80vh;display:flex;box-shadow:0 20px 60px #00000080,0 0 0 1px #00ff880d}.json-panel-actions{border-bottom:1px solid var(--border);gap:6px;padding:10px 18px;display:flex}.json-panel-code{font-family:var(--font-space-mono),monospace;color:var(--text-dim);white-space:pre;tab-size:2;flex:1;margin:0;padding:14px 18px;font-size:10px;line-height:1.6;overflow:auto}.json-panel-code::-webkit-scrollbar{width:4px;height:4px}.json-panel-code::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.slide-strip{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:2px;height:40px;padding:4px 8px;display:flex;overflow:auto hidden}.slide-strip::-webkit-scrollbar{height:3px}.slide-strip::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.slide-tab{font-family:var(--font-space-mono),monospace;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:5px;flex-shrink:0;padding:4px 12px;font-size:10px;transition:all .15s}.slide-tab:hover{border-color:var(--accent);color:var(--text)}.slide-tab.active{border-color:var(--accent);color:var(--accent);background:#00ff880f;font-weight:700}.slide-tab.drag-over{border-color:var(--accent3);box-shadow:0 0 8px #6633ff4d}.slide-tab-name{pointer-events:none}.slide-tab-input{width:80px;font-family:var(--font-space-mono),monospace;background:var(--surface);border:1px solid var(--accent);color:var(--text);border-radius:3px;outline:none;padding:0 2px;font-size:10px}.slide-tab-add{border:1px dashed var(--border);width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.slide-tab-add:hover{border-color:var(--accent);color:var(--accent);background:#00ff880a}.undo-redo-controls{flex-shrink:0;align-items:center;gap:2px;margin-left:6px;display:flex}.undo-redo-btn{border:1px solid var(--border);background:var(--bg);width:26px;height:26px;color:var(--text-dim);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.undo-redo-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#00ff880a}.undo-redo-btn:disabled{opacity:.3;cursor:default}.zoom-spacer{flex:1;min-width:8px}.zoom-controls{flex-shrink:0;gap:2px}.zoom-btn,.zoom-controls{align-items:center;display:flex}.zoom-btn{border:1px solid var(--border);background:var(--bg);width:26px;height:26px;color:var(--text-dim);cursor:pointer;border-radius:5px;justify-content:center;padding:0;transition:all .15s}.zoom-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#00ff880a}.zoom-btn:disabled{opacity:.3;cursor:default}.zoom-display{font-family:var(--font-space-mono),monospace;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);cursor:pointer;white-space:nowrap;text-align:center;border-radius:5px;min-width:44px;padding:4px 8px;font-size:10px;transition:all .15s}.zoom-display:hover{border-color:var(--accent);color:var(--accent)}.strip-align{background:var(--bg);border:1px solid var(--border);border-radius:5px;flex-shrink:0;gap:1px;margin-right:6px;padding:2px}.strip-align,.strip-align-btn{align-items:center;display:flex}.strip-align-btn{width:22px;height:22px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;padding:0;transition:all .15s;position:relative}.strip-align-btn:hover:not(:disabled){color:var(--accent);background:#00ff8814}.strip-align-btn:disabled{opacity:.3;cursor:default}.strip-align-btn:after{content:attr(title);background:var(--surface2);color:var(--text);font-size:10px;font-family:var(--font-space-mono),monospace;white-space:nowrap;border:1px solid var(--border);pointer-events:none;opacity:0;z-index:9999;border-radius:5px;padding:3px 8px;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.strip-align-btn:hover:not(:disabled):after{opacity:1;transition-delay:.4s}.strip-align-sep{background:var(--border);flex-shrink:0;width:1px;height:14px;margin:0 3px}.strip-group-controls{margin-right:4px}.strip-font{background:var(--bg);border:1px solid var(--border);border-radius:5px;flex-shrink:0;align-items:center;gap:1px;margin-right:6px;padding:2px;display:flex}.strip-font-select{font-family:var(--font-space-mono),monospace;background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:3px;outline:none;max-width:100px;height:22px;padding:2px 4px;font-size:10px}.strip-font-select:hover{border-color:var(--accent)}.strip-font-value{font-family:var(--font-space-mono),monospace;color:var(--text);text-align:center;-webkit-user-select:none;user-select:none;min-width:20px;font-size:10px}.strip-font-active{background:#00ff881a;color:var(--accent)!important}.group-bbox{border:2px dashed var(--accent);pointer-events:none;z-index:3;opacity:.5;border-radius:4px;position:absolute}.slide-ctx-backdrop{z-index:60;position:fixed;inset:0}.slide-ctx-menu{z-index:61;background:var(--surface);border:1px solid var(--border);border-radius:6px;min-width:120px;padding:4px 0;position:fixed;box-shadow:0 8px 24px #00000080}.slide-ctx-menu button{width:100%;font-family:var(--font-space-mono),monospace;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:10px;transition:background .1s;display:block}.slide-ctx-menu button:hover{background:#ffffff0a}.slide-ctx-menu button.slide-ctx-danger{color:var(--accent2)}.slide-ctx-menu button.slide-ctx-danger:hover{background:#ff336614}.slide-ctx-menu button:disabled{opacity:.4;cursor:default}.slide-ctx-sep{background:var(--border);height:1px;margin:4px 0}.editor-fullscreen{flex-direction:column;flex:1;min-height:0;display:flex}.editor-fullscreen .left-palette,.editor-fullscreen .right-panel,.editor-fullscreen .slide-strip,.editor-fullscreen .tl-editor,.editor-fullscreen>header{display:none}.editor-fullscreen .canvas-area,.editor-fullscreen .editor-main{flex:1}.editor-fullscreen .stage-wrapper{padding:0}.fs-exit-btn{z-index:40;background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--text-dim);cursor:pointer;opacity:.5;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:fixed;top:14px;right:14px;box-shadow:0 4px 16px #0006}.fs-exit-btn:hover{opacity:1;border-color:var(--accent);color:var(--accent)}.cp-trigger{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:100%;font-family:var(--font-space-mono),monospace;color:var(--text);align-items:center;gap:6px;padding:5px 8px;transition:border-color .15s;display:flex}.cp-trigger:hover{border-color:var(--accent)}.cp-swatch{border:1px solid var(--border);background-image:repeating-conic-gradient(var(--surface2) 0 25%,var(--bg) 0 50%);background-size:8px 8px;border-radius:4px;flex-shrink:0;width:24px;height:24px}.cp-label{opacity:.8;font-size:11px}.cp-backdrop{z-index:999;position:fixed;inset:0}.cp-popover{z-index:1000;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:260px;padding:12px;position:fixed;box-shadow:0 12px 40px #0009,0 0 0 1px #00ff880d}.cp-sv-wrap{cursor:crosshair;border-radius:6px;margin-bottom:10px;position:relative;overflow:hidden}.cp-sv{border-radius:6px;display:block}.cp-sv-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006,inset 0 0 0 1px #0000004d}.cp-bar-wrap{cursor:pointer;border-radius:6px;margin-bottom:8px;position:relative;overflow:hidden}.cp-bar{border-radius:6px;display:block}.cp-bar-thumb{pointer-events:none;background:#fff;border-radius:3px;width:6px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 3px #00000080}.cp-inputs{align-items:center;gap:6px;margin-bottom:10px;display:flex}.cp-preview-swatch{border:1px solid var(--border);background-image:repeating-conic-gradient(var(--surface2) 0 25%,var(--bg) 0 50%);background-size:8px 8px;border-radius:4px;flex-shrink:0;width:28px;height:28px}.cp-hex-input{font-family:var(--font-space-mono),monospace;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:5px;outline:none;flex:1;padding:5px 7px;font-size:11px}.cp-hex-input:focus{border-color:var(--accent)}.cp-alpha-input{width:52px;font-family:var(--font-space-mono),monospace;background:var(--bg);border:1px solid var(--border);color:var(--text);text-align:center;border-radius:5px;outline:none;padding:5px 7px;font-size:11px}.cp-alpha-input:focus{border-color:var(--accent)}.cp-presets{grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:8px;display:grid}.cp-preset{aspect-ratio:1;cursor:pointer;border:1px solid #ffffff1a;border-radius:4px;width:100%;padding:0;transition:transform .1s,border-color .1s}.cp-preset:hover{border-color:var(--accent);z-index:1;transform:scale(1.2)}.cp-transparent-btn{width:100%;font-family:var(--font-space-mono),monospace;background:var(--bg);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;text-align:center;border-radius:5px;padding:6px 0;font-size:10px;transition:all .15s}.cp-transparent-btn:hover{border-color:var(--accent);color:var(--accent)}.palette-btn-active{box-shadow:0 0 8px #0f83;border-color:var(--accent)!important;color:var(--accent)!important;background:#00ff881a!important}.drawing-overlay{pointer-events:none;z-index:6;position:absolute;inset:0}.path-edit-overlay{z-index:10}.stage.tool-bezier,.stage.tool-bezier .stage-item,.stage.tool-ellipse,.stage.tool-ellipse .stage-item,.stage.tool-line,.stage.tool-line .stage-item,.stage.tool-pen,.stage.tool-pen .stage-item,.stage.tool-rect,.stage.tool-rect .stage-item{cursor:crosshair}.lottie-container{pointer-events:none;overflow:hidden}.lottie-container svg{display:block;width:100%!important;height:100%!important}.group-anim-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:4px;font-size:9px}.group-anim-grid{flex-wrap:wrap;gap:4px;display:flex}.group-anim-card{min-width:0;font-family:var(--font-space-mono),monospace;background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:calc(50% - 2px);padding:6px 4px;font-size:10px;transition:all .15s;overflow:hidden}.group-anim-card:hover{border-color:var(--accent);color:var(--text)}.group-anim-card.active{border-color:var(--accent);color:var(--accent);background:#00ff8814}.group-anim-config{flex-direction:column;gap:6px;margin-top:10px;display:flex}.direction-picker{gap:3px;display:flex}.direction-btn{background:var(--surface2);border:1px solid var(--border);width:28px;height:28px;color:var(--text-dim);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:14px;transition:all .15s;display:flex}.direction-btn:hover{border-color:var(--accent);color:var(--text)}.direction-btn.active{border-color:var(--accent);color:var(--accent);background:#00ff8814}.anim-step-badge{background:var(--bg);border:1px solid var(--accent);border-radius:var(--radius);align-items:center;gap:8px;padding:8px 10px;display:flex}.group-anim-card:disabled{opacity:.4;cursor:default}.group-anim-card:disabled:hover{border-color:var(--border);color:var(--text-dim)}.palette-anim-backdrop{z-index:9998;position:fixed;inset:0}.palette-anim-dropdown{z-index:9999;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:220px;max-height:400px;padding:8px 8px 16px;animation:tooltip-in .12s;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #00000080}.palette-anim-dropdown::-webkit-scrollbar{width:4px}.palette-anim-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.palette-anim-cat{text-transform:uppercase;letter-spacing:.08em;margin-top:8px;margin-bottom:4px;font-size:9px}.palette-anim-cat:first-child{margin-top:0}.palette-anim-grid{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.palette-anim-item{min-width:0;font-family:var(--font-space-mono),monospace;background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:calc(50% - 2px);padding:5px 4px;font-size:10px;transition:all .15s;overflow:hidden}.palette-anim-item:hover{border-color:var(--accent);color:var(--text)}.palette-anim-item:disabled{opacity:.4;cursor:default}.palette-anim-item:disabled:hover{border-color:var(--border);color:var(--text-dim)}.palette-anim-item{justify-content:center;align-items:center;display:inline-flex}.palette-anim-item>span{display:inline-block}.palette-anim-item:hover>span{animation-duration:.7s;animation-timing-function:ease;animation-fill-mode:both}.palette-anim-item[data-fx=fadeIn]:hover>span{animation:fade-in .6s both}.palette-anim-item[data-fx=slideLeft]:hover>span{animation:slide-in-left .6s both}.palette-anim-item[data-fx=slideRight]:hover>span{animation:slide-in-right .6s both}.palette-anim-item[data-fx=slideUp]:hover>span{animation:slide-in-up .6s both}.palette-anim-item[data-fx=slideDown]:hover>span{animation:slide-in-down .6s both}.palette-anim-item[data-fx=zoomIn]:hover>span{animation:zoom-in .5s both}.palette-anim-item[data-fx=rotateIn]:hover>span{animation:rotate-in .6s both}.palette-anim-item[data-fx=flipIn]:hover>span{animation:flip-in .6s both}.palette-anim-item[data-fx=flipInX]:hover>span{animation:flip-in-x .6s both}.palette-anim-item[data-fx=bounceIn]:hover>span{animation:bounce-in .7s both}.palette-anim-item[data-fx=typewriter]:hover>span{animation:typewriter-in .8s steps(12) both}.palette-anim-item[data-fx=typewriterRight]:hover>span{animation:typewriter-in-right .8s steps(12) both}.palette-anim-item[data-fx=revealUp]:hover>span{animation:reveal-up .6s both}.palette-anim-item[data-fx=revealDown]:hover>span{animation:reveal-down .6s both}.palette-anim-item[data-fx=blurIn]:hover>span{animation:blur-in .6s both}.palette-anim-item[data-fx=pulse]:hover>span{animation:anim-pulse .8s infinite}.palette-anim-item[data-fx=shake]:hover>span{animation:anim-shake .6s infinite}.palette-anim-item[data-fx=wobble]:hover>span{animation:anim-wobble .8s infinite}.palette-anim-item[data-fx=spin]:hover>span{animation:anim-spin 1s linear infinite}.palette-anim-item[data-fx=float]:hover>span{animation:anim-float 1.2s infinite}.palette-anim-item[data-fx=glitch]:hover>span{animation:anim-glitch .6s infinite}.palette-anim-item[data-fx=rubber]:hover>span{animation:anim-rubber .8s infinite}.palette-anim-item[data-fx=neon]:hover>span{animation:neon-glow 1s infinite alternate}.palette-anim-item[data-fx=colorCycle]:hover>span{animation:color-cycle 1.5s linear infinite}.palette-anim-item[data-fx=swing]:hover>span{animation:anim-swing .8s infinite}.palette-anim-item[data-fx=jello]:hover>span{animation:anim-jello .8s infinite}.palette-anim-item[data-fx=heartbeat]:hover>span{animation:anim-heartbeat 1s infinite}.palette-anim-item[data-fx=breathe]:hover>span{animation:anim-breathe 1.5s infinite}.palette-anim-item[data-fx=shimmer]:hover>span{animation:anim-shimmer 1.2s infinite}.palette-anim-item[data-fx=expandLetters]:hover>span{animation:expand-letters 1s infinite}.palette-anim-item[data-fx=fadeOut]:hover>span{animation:fade-out .6s both}.palette-anim-item[data-fx=slideOutLeft]:hover>span{animation:slide-out-left .6s both}.palette-anim-item[data-fx=slideOutRight]:hover>span{animation:slide-out-right .6s both}.palette-anim-item[data-fx=slideOutUp]:hover>span{animation:slide-out-up .6s both}.palette-anim-item[data-fx=slideOutDown]:hover>span{animation:slide-out-down .6s both}.palette-anim-item[data-fx=zoomOut]:hover>span{animation:zoom-out .5s both}.palette-anim-item[data-fx=rotateOut]:hover>span{animation:rotate-out .6s both}.palette-anim-item[data-fx=flipOutY]:hover>span{animation:flip-out-y .6s both}.palette-anim-item[data-fx=flipOutX]:hover>span{animation:flip-out-x .6s both}.palette-anim-item[data-fx=shrink]:hover>span{animation:shrink-out .5s both}.palette-anim-item[data-fx=blurOut]:hover>span{animation:blur-out .6s both}.palette-anim-empty{color:var(--text-dim);text-align:center;padding:6px 0;font-size:9px}.fp-trigger{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:100%;font-family:var(--font-space-mono),monospace;color:var(--text);text-align:left;align-items:center;gap:6px;padding:7px 9px;font-size:11px;transition:border-color .15s;display:flex}.fp-trigger:hover{border-color:var(--accent)}.fp-trigger-compact{background:var(--bg);border:1px solid var(--border);cursor:pointer;font-family:var(--font-space-mono),monospace;color:var(--text);border-radius:3px;align-items:center;gap:4px;max-width:100px;height:22px;padding:2px 4px;font-size:10px;transition:border-color .15s;display:flex}.fp-trigger-compact:hover{border-color:var(--accent)}.fp-trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fp-chevron{color:var(--text-dim);flex-shrink:0}.fp-backdrop{z-index:999;position:fixed;inset:0}.fp-popover{z-index:1000;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:240px;display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 40px #0009,0 0 0 1px #00ff880d}.fp-search{width:100%;font-family:var(--font-space-mono),monospace;background:var(--bg);border:none;border-bottom:1px solid var(--border);color:var(--text);outline:none;padding:8px 10px;font-size:11px}.fp-search::placeholder{color:var(--text-dim)}.fp-list{max-height:300px;padding:4px;overflow-y:auto}.fp-list::-webkit-scrollbar{width:4px}.fp-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.fp-row{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:5px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:13px;transition:background .1s;display:flex}.fp-row:hover{background:#00ff880f}.fp-row-active{background:#00ff8814}.fp-row-active:hover{background:#00ff881f}.fp-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fp-check{color:var(--accent);flex-shrink:0}.fp-empty{padding:16px 8px;font-size:10px}.fp-empty,.fp-more{color:var(--text-dim);text-align:center}.fp-more{padding:8px;font-size:9px}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-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}@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))}}@font-face{font-family:__Syne_fada24;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Syne_fada24;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Syne_fada24;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Syne_fada24;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Syne_fada24;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Syne_fada24;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Syne_fada24;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Syne_fada24;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Syne_fada24;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Syne_fada24;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Syne_fada24;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Syne_fada24;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Syne_Fallback_fada24;src:local("Arial");ascent-override:93.93%;descent-override:27.93%;line-gap-override:0.00%;size-adjust:98.47%}.__className_fada24{font-family:__Syne_fada24,__Syne_Fallback_fada24;font-style:normal}.__variable_fada24{--font-syne:"__Syne_fada24","__Syne_Fallback_fada24"}@font-face{font-family:__Space_Mono_e8b655;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ae822095a172cc5c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Space_Mono_e8b655;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/3c70c5716f1730b3-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Space_Mono_e8b655;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fc727f226c737876-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Space_Mono_e8b655;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/77fb5eec12c66d49-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Space_Mono_e8b655;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/281dae1e814de8c6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Space_Mono_e8b655;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/806de4d605d3ad01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Space_Mono_Fallback_e8b655;src:local("Arial");ascent-override:81.58%;descent-override:26.30%;line-gap-override:0.00%;size-adjust:137.28%}.__className_e8b655{font-family:__Space_Mono_e8b655,__Space_Mono_Fallback_e8b655;font-style:normal}.__variable_e8b655{--font-space-mono:"__Space_Mono_e8b655","__Space_Mono_Fallback_e8b655"}