/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-neutral-400:oklch(70.8% 0 none);--color-neutral-600:oklch(43.9% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:.375rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-an-tool-border-color:var(--an-tool-border-color)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.right-4{right:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing) * 4)}.ml-px{margin-left:1px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-16{height:calc(var(--spacing) * 16)}.h-\[1em\]{height:1em}.h-\[34px\]{height:34px}.h-full{height:100%}.max-h-0{max-height:0}.max-h-\[34px\]{max-height:34px}.max-h-\[85vh\]{max-height:85vh}.min-h-\[44px\]{min-height:44px}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-16{width:calc(var(--spacing) * 16)}.w-\[2px\]{width:2px}.w-full{width:100%}.max-w-\[90vw\]{max-width:90vw}.max-w-\[200px\]{max-width:200px}.max-w-\[calc\(100\%-24px\)\]{max-width:calc(100% - 24px)}.max-w-an{max-width:var(--an-max-width)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-\[120px\]{min-width:120px}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-\[6px\]{gap:6px}.gap-px{gap:1px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-px>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1px * var(--tw-space-y-reverse));margin-block-end:calc(1px * calc(1 - var(--tw-space-y-reverse)))}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[calc\(var\(--an-input-border-radius\)-var\(--an-context-padding\)\)\]{border-radius:calc(var(--an-input-border-radius) - var(--an-context-padding))}.rounded-\[calc\(var\(--an-input-border-radius\)-var\(--an-context-padding\)-2px\)\]{border-radius:calc(var(--an-input-border-radius) - var(--an-context-padding) - 2px)}.rounded-an-input-border-radius{border-radius:var(--an-input-border-radius)}.rounded-full{border-radius:2147483647px}.rounded-md{border-radius:var(--radius-md)}.rounded-t-an-input-border-radius{border-top-left-radius:var(--an-input-border-radius);border-top-right-radius:var(--an-input-border-radius)}.rounded-b-an-input-border-radius{border-bottom-right-radius:var(--an-input-border-radius);border-bottom-left-radius:var(--an-input-border-radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-an-primary-color{border-color:var(--an-primary-color)}.bg-an-background-tertiary{background-color:var(--an-background-tertiary)}.bg-an-foreground{background-color:var(--an-foreground)}.bg-an-input-background{background-color:var(--an-input-background)}.bg-an-primary-color{background-color:var(--an-primary-color)}.bg-an-send-button-bg{background-color:var(--an-send-button-bg)}.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-black\/90{background-color:#000000e6}@supports (color:color-mix(in lab, red, red)){.bg-black\/90{background-color:color-mix(in oklab, var(--color-black) 90%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-an-context-padding{padding-inline:var(--an-context-padding)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-1{padding-top:var(--spacing)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-an-context-padding{padding-top:var(--an-context-padding)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-1{padding-left:var(--spacing)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.text-left{text-align:left}.align-text-bottom{vertical-align:text-bottom}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[14px\]{font-size:14px}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-an-foreground{color:var(--an-foreground)}.text-an-foreground-muted,.text-an-foreground-muted\/70{color:var(--an-foreground-muted)}@supports (color:color-mix(in lab, red, red)){.text-an-foreground-muted\/70{color:color-mix(in oklab, var(--an-foreground-muted) 70%, transparent)}}.text-an-foreground-muted\/80{color:var(--an-foreground-muted)}@supports (color:color-mix(in lab, red, red)){.text-an-foreground-muted\/80{color:color-mix(in oklab, var(--an-foreground-muted) 80%, transparent)}}.text-an-send-button-color{color:var(--an-send-button-color)}.text-an-tool-color{color:var(--an-tool-color)}.text-an-tool-color-muted{color:var(--an-tool-color-muted)}.text-neutral-400{color:var(--color-neutral-400)}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px 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,.ring-1{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-an-primary-color{--tw-ring-color:var(--an-primary-color)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-an-input-focus-outline{outline-color:var(--an-input-focus-outline)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,transform\]{transition-property:background-color,color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,transform\]{transition-property:background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}:is(:where(.peer):focus~.peer-focus\:opacity-100),:is(:where(.peer):focus-visible~.peer-focus-visible\:opacity-100){opacity:1}.placeholder\:text-an-input-placeholder-color::placeholder{color:var(--an-input-placeholder-color)}@media (hover:hover){.hover\:bg-an-background-secondary:hover,.hover\:bg-an-background-secondary\/40:hover{background-color:var(--an-background-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-an-background-secondary\/40:hover{background-color:color-mix(in oklab, var(--an-background-secondary) 40%, transparent)}}.hover\:bg-an-primary-color\/90:hover{background-color:var(--an-primary-color)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-an-primary-color\/90:hover{background-color:color-mix(in oklab, var(--an-primary-color) 90%, transparent)}}.hover\:bg-black\/70:hover{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/70:hover{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.hover\:bg-white\/60:hover{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/60:hover{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.hover\:text-an-foreground:hover{color:var(--an-foreground)}.hover\:text-an-tool-color:hover{color:var(--an-tool-color)}}.active\:scale-\[0\.97\]:active{scale:.97}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (hover:hover){.disabled\:hover\:bg-an-primary-color:disabled:hover{background-color:var(--an-primary-color)}}.disabled\:active\:scale-100:disabled:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (prefers-color-scheme:dark){.dark\:text-neutral-600{color:var(--color-neutral-600)}}}:root{--an-border-radius:16px;--an-message-border-radius:var(--an-border-radius);--an-input-border-radius:var(--an-border-radius);--an-tool-border-radius:10px;--an-message-radius-inner-offset:4px;--an-max-width:420px;--an-background:#fff;--an-background-secondary:#f0f0f0;--an-background-tertiary:#f8f8f8;--an-foreground:#1a1a1a;--an-foreground-muted:#737373;--an-foreground-subtle:#a3a3a3;--an-border-color:#e4e4e7;--an-primary-color:#3b82f6;--an-user-message-bg:#f5f5f5;--an-user-message-text:#1a1a1a;--an-input-background:#fff;--an-input-border-color:#e4e4e7;--an-input-color:#1a1a1a;--an-input-placeholder-color:#a3a3a3;--an-input-focus-outline:transparent;--an-context-padding:10px;--an-send-button-bg:#3b82f6;--an-send-button-color:#fff;--an-tool-background:#f5f5f5;--an-tool-border-color:#e4e4e7;--an-tool-color:#1a1a1a;--an-tool-color-muted:#737373;--an-code-background:#1e1e1e;--an-code-color:#d4d4d4;--an-diff-added-bg:#22c55e1a;--an-diff-added-border:#22c55e80;--an-diff-added-text:#15803d;--an-diff-removed-bg:#ef44441a;--an-diff-removed-border:#ef444480;--an-diff-removed-text:#dc2626}.dark{--an-background:#0a0a0a;--an-background-secondary:#242424;--an-background-tertiary:#141414;--an-foreground:#fafafa;--an-foreground-muted:#8c8c8c;--an-foreground-subtle:#71717a;--an-border-color:#2a2a2a;--an-primary-color:#60a5fa;--an-user-message-bg:#1a1a1a;--an-user-message-text:#fafafa;--an-input-background:#0a0a0a;--an-input-border-color:#2a2a2a;--an-input-color:#fafafa;--an-input-placeholder-color:#71717a;--an-input-focus-outline:transparent;--an-context-padding:12px;--an-send-button-bg:#60a5fa;--an-send-button-color:#0a0a0a;--an-tool-background:#141414;--an-tool-border-color:#2a2a2a;--an-tool-color:#fafafa;--an-tool-color-muted:#8c8c8c;--an-code-background:#0a0a0a;--an-code-color:#d4d4d4;--an-diff-added-bg:#22c55e26;--an-diff-added-border:#22c55e66;--an-diff-added-text:#4ade80;--an-diff-removed-bg:#ef444426;--an-diff-removed-border:#ef444466;--an-diff-removed-text:#f87171}@keyframes an-shimmer{0%{background-position:100%}to{background-position:0%}}@keyframes an-blink{50%{opacity:0}}@keyframes loading-dots{0%,to{opacity:0}50%{opacity:1}}@keyframes an-ellipsis{0%{width:0}33%{width:.33em}66%{width:.66em}to{width:1em}}.an-text-shimmer{color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg, var(--an-foreground-subtle,#a3a3a3) 0%, var(--an-foreground-subtle,#a3a3a3) 40%, var(--an-foreground-muted,#737373) 50%, var(--an-foreground-subtle,#a3a3a3) 60%, var(--an-foreground-subtle,#a3a3a3) 100%);background-repeat:no-repeat;display:inline-block}.an-text-shimmer--active{animation:an-shimmer var(--an-shimmer-duration,2s) linear infinite}.an-ellipsis{vertical-align:bottom;width:0;animation:1.2s step-end infinite an-ellipsis;display:inline-block;overflow:hidden}.an-markdown pre code{counter-reset:none!important}.an-markdown pre code>span:before{content:none!important;display:none!important}.an-markdown pre code>span{padding-left:0!important}.an-edit-diff,.an-edit-diff pre,.an-edit-diff code{font-size:12px}.dark .an-edit-tool-card,[data-theme=dark] .an-edit-tool-card{background-color:#000}.dark .an-edit-tool-card .an-edit-diff,.dark .an-edit-tool-card .an-edit-diff pre,.dark .an-edit-tool-card .an-edit-diff code,[data-theme=dark] .an-edit-tool-card .an-edit-diff,[data-theme=dark] .an-edit-tool-card .an-edit-diff pre,[data-theme=dark] .an-edit-tool-card .an-edit-diff code{background-color:#000!important}.an-markdown [data-streamdown=code-block]{border:1px solid var(--an-border-color);border-radius:var(--an-tool-border-radius);background:0 0;gap:0;padding:0}.an-markdown [data-streamdown=code-block-header]{border-bottom:1px solid var(--color-an-tool-border-color);background:0 0;background-color:var(--an-tool-background);height:28px;padding:0 10px 0 8px;font-size:12px;position:relative}.an-markdown div:has(>[data-streamdown=code-block-actions]){height:28px;margin:0;padding-right:8px;position:absolute;top:0;right:0}.an-markdown [data-streamdown=code-block-actions]{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:0}.an-markdown [data-streamdown=code-block-actions] button>svg{width:14px;height:14px}.an-markdown [data-streamdown=code-block-body]{background:0 0;border:#0000;margin:0;padding-top:8px;padding-bottom:8px;overflow-x:auto}.an-markdown [data-streamdown=code-block] pre,.an-markdown [data-streamdown=code-block] code{background:0 0;font-size:12px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0a09;--panel:#121010;--panel-2:#181514;--hover:#201b19;--border:#2a2321;--border-2:#3a302d;--text:#f2ece9;--text-2:#cbc0bb;--muted:#948884;--subtle:#645a56;--accent:#e4572e;--accent-dim:#e4572e1f;--ok:#6ee7b7;--err:#f87171;--mono:"JetBrains Mono", "Cascadia Code", "Cascadia Mono", Consolas, ui-monospace, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:12.5px/1.5 var(--mono);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}:focus-visible{outline:1px solid var(--accent);outline-offset:1px}::selection{background:#e4572e44}*{scrollbar-width:thin;scrollbar-color:#352c29 transparent}a{color:var(--accent);text-underline-offset:3px}.muted{color:var(--muted)}.hidden{display:none!important}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing iframe{pointer-events:none}.oc-logo{flex-shrink:0;width:18px;height:18px;display:inline-grid}.oc-logo svg{width:100%;height:100%;display:block}.oc-logo.tiny{vertical-align:-2px;width:13px;height:13px;margin-right:7px}.btn{border:1px solid var(--border-2);background:var(--panel-2);height:26px;color:var(--text-2);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:var(--hover);color:var(--text);border-color:#4a3d39}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a0703;font-weight:600}.btn.primary:hover{background:#f06a3f;border-color:#f06a3f}.btn.block{width:100%}.btn.icon{width:26px;padding:0}.app{grid-template-rows:38px minmax(0,1fr) 24px;height:100dvh;display:grid}.titlebar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:12px;min-width:0;padding:0 8px 0 10px;display:flex}.tb-left,.tb-right{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.tb-right{justify-content:flex-end}.tb-logo{background:0 0;border:0;border-radius:4px;align-items:center;gap:9px;padding:3px 8px 3px 4px;display:flex}.tb-logo:hover{background:var(--hover)}.tb-logo .oc-logo{width:20px;height:20px}.wordmark{letter-spacing:-.02em;color:var(--text);font-size:13.5px;font-weight:700}.wordmark i{color:var(--muted);font-style:normal;font-weight:400}.tb-menu{gap:2px;margin-left:8px;display:flex}.tb-menu button{white-space:nowrap;height:24px;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:0 8px;font-size:12px}.tb-menu button:hover{background:var(--hover);color:var(--text)}.tb-center{color:var(--text-2);white-space:nowrap;align-items:center;font-size:12px;display:flex}#projectName{color:var(--text);border-radius:3px;outline:0;padding:1px 3px}#projectName:hover{background:var(--hover)}#projectName:focus{background:var(--panel-2);box-shadow:0 0 0 1px var(--accent)}.main{min-width:0;min-height:0;display:flex}.activitybar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;order:0;align-items:center;gap:2px;width:44px;padding:6px 0;display:flex}.activitybar button{width:44px;height:40px;color:var(--subtle);background:0 0;border:0;place-items:center;transition:color .12s;display:grid;position:relative}.activitybar button svg{width:20px;height:20px}.activitybar button:hover,.activitybar button.active{color:var(--text)}.activitybar button.active:before{content:"";background:var(--accent);width:2px;position:absolute;top:8px;bottom:8px;left:0}.ab-spacer{flex:1}.panel{background:var(--panel);flex-direction:column;flex-shrink:0;min-width:0;min-height:0;display:flex;overflow:hidden}.side{order:1}.splitter[data-split=side]{order:2}.workspace{background:var(--bg);flex-direction:column;flex:1;order:3;min-width:0;min-height:0;display:flex}.splitter[data-split=chat]{order:4}.chat-panel{order:5}.main.swapped .chat-panel{order:1}.main.swapped .splitter[data-split=chat]{order:2}.main.swapped .splitter[data-split=side]{order:4}.main.swapped .side{order:5}.main.side-closed .side,.main.side-closed .splitter[data-split=side],.main.chat-closed .chat-panel,.main.chat-closed .splitter[data-split=chat],.main.chat-max .side,.main.chat-max .workspace,.main.chat-max .splitter{display:none}.main.chat-max .chat-panel{flex:1;width:auto!important}.main.chat-max .chat-messages,.main.chat-max .agent-composer,.main.chat-max .composer-legacy,.main.chat-max .status{width:100%;max-width:820px;margin-inline:auto}.splitter{background:var(--border);cursor:col-resize;z-index:5;flex:0 0 1px;transition:background .15s;position:relative}.splitter:before{content:"";position:absolute;inset:0 -4px}.splitter:hover,.splitter.active{background:var(--accent)}.panel-head{flex-shrink:0;justify-content:space-between;align-items:center;height:34px;padding:0 6px 0 12px;display:flex}.panel-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;font-size:11px;display:flex}.panel-actions{gap:1px;display:flex}.panel-actions button{width:24px;height:22px;color:var(--subtle);background:0 0;border:0;border-radius:3px;font-size:13px;line-height:1}.panel-actions button:hover{background:var(--hover);color:var(--text)}.view{flex-direction:column;flex:1;min-height:0;display:flex}.panel-note{color:var(--subtle);border-top:1px solid var(--border);margin:0;padding:10px 12px;font-size:11px}.search-wrap{border:1px solid var(--border-2);background:var(--bg);height:28px;color:var(--subtle);border-radius:4px;align-items:center;gap:8px;margin:0 10px 8px;padding:0 9px;display:flex}.search-wrap:focus-within{border-color:var(--accent)}.search-wrap input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.search-wrap input::placeholder{color:var(--subtle)}.library{border-top:1px solid var(--border);flex:1;min-height:0;padding:4px 0 10px;overflow:auto}.cat-body{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));grid-auto-rows:max-content;gap:8px;padding:4px 10px 12px;display:grid}.cat-head{z-index:2;background:var(--panel);width:100%;height:32px;color:var(--text-2);text-align:left;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 12px 0 8px;font-size:12px;display:flex;position:sticky;top:-4px}.cat-head:hover{color:var(--text);background:var(--panel-2)}.cat-chevron{width:14px;height:14px;color:var(--subtle);flex:none;transition:transform .15s}.cat.open .cat-chevron{color:var(--accent);transform:rotate(90deg)}.cat-icon{width:15px;height:15px;color:var(--muted);flex:none}.cat.open .cat-icon{color:var(--accent)}.cat.open .cat-head{color:var(--text)}.cat-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cat-count{color:var(--subtle);font-variant-numeric:tabular-nums;font-size:11px}@media (prefers-reduced-motion:reduce){.cat-chevron{transition:none}}.component-preview,.component-info{flex:none}.component{text-align:left;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;flex-direction:column;padding:0;transition:border-color .12s,transform .12s;display:flex;overflow:hidden}.component:hover{border-color:#54443f}.component:active{border-color:var(--accent);transform:scale(.98)}.component.wide{grid-column:1/-1}.component-preview{pointer-events:none;border-bottom:1px solid var(--border);background:#131110;height:82px;display:block;position:relative;overflow:hidden}.component-preview iframe{transform-origin:0 0;border:0;width:760px;height:760px;position:absolute;top:0;left:0;transform:scale(.2)}.component.wide .component-preview{height:120px}.component.wide .component-preview iframe{transform-origin:0 0;width:1280px;height:1200px}.component-info{height:26px;color:var(--text-2);justify-content:space-between;align-items:center;gap:4px;padding:0 8px;font-size:11px;display:flex}.component-info>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component-plus{color:var(--subtle);font-size:14px}.component:hover .component-plus{color:var(--accent)}.catalog-empty{color:var(--subtle);text-align:center;grid-column:1/-1;padding:24px 0}.sidebar-bottom{border-top:1px solid var(--border);padding:10px}.sidebar-bottom .btn{background:0 0;border-style:dashed}.layers{flex:1;padding:4px 0;overflow:auto}.layer{height:26px;color:var(--text-2);cursor:default;align-items:center;gap:8px;padding:0 6px 0 14px;display:flex}.layer:hover{background:var(--hover)}.layer.active{background:var(--accent-dim);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.layer-ic{color:var(--subtle);font-size:12px}.layer.active .layer-ic{color:var(--accent)}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layer-input{border:1px solid var(--accent);background:var(--bg);min-width:0;height:20px;color:var(--text);border-radius:3px;outline:0;flex:1;padding:0 4px;font-size:12px}.layer button{width:20px;height:20px;color:var(--subtle);opacity:0;background:0 0;border:0;border-radius:3px}.layer:hover button{opacity:1}.layer button:hover{color:var(--err);background:#3b1a14}.layers-empty{color:var(--subtle);padding:20px 14px}.canvas-toolbar{border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;height:34px;padding:0 10px;display:flex}.toolbar-group{align-items:center;gap:8px;min-width:0;display:flex}.tab-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.mini-select{border:1px solid var(--border-2);background:var(--bg);height:22px;color:var(--text-2);cursor:pointer;border-radius:3px;padding:0 4px;font-size:11.5px}.swatches{gap:3px;display:flex}.swatches button{border:1px solid #ffffff2e;border-radius:3px;width:16px;height:16px;padding:0;transition:transform .12s}.swatches button:hover{transform:scale(1.12)}.swatches button[aria-checked=true]{outline:1px solid var(--accent);outline-offset:2px}.zoom{border:1px solid var(--border-2);border-radius:3px;display:flex;overflow:hidden}.zoom button{background:var(--bg);min-width:24px;height:22px;color:var(--muted);border:0;padding:0 6px;font-size:11.5px}.zoom button:hover{background:var(--hover);color:var(--text)}.zoom #zoomFit{border-inline:1px solid var(--border-2);min-width:50px}.canvas-wrap{isolation:isolate;flex:1;min-height:0;display:flex;position:relative}.canvas{cursor:default;background-color:var(--bg);background-image:radial-gradient(#2a2220 1px,#0000 1px),radial-gradient(900px 520px at 12% -8%,#e4572e1c,#0000 62%),radial-gradient(800px 600px at 105% 110%,#9c33171f,#0000 60%),radial-gradient(600px 400px at 70% 40%,#e4572e08,#0000 70%);background-size:22px 22px,100% 100%,100% 100%,100% 100%;width:100%;position:relative;overflow:auto}.canvas-wrap:after{content:"";z-index:2;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.canvas.can-pan,.canvas.can-pan .node{cursor:grab}.canvas.panning,.canvas.panning .node{cursor:grabbing!important}.stage{position:relative}.artboard-label{color:var(--muted);white-space:nowrap;font-size:11px;position:absolute}.board{--inv:1;transform-origin:0 0;position:absolute;box-shadow:0 0 0 1px #2f2725,0 24px 60px -16px #000}.board.light{box-shadow:0 0 0 1px #433834,0 24px 60px -16px #000}.node{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;outline:calc(1px * var(--inv)) dashed transparent;position:absolute}.node:hover{outline-color:#5c4a45}.board.light .node:hover{outline-color:#a89c97}.node.selected{outline:calc(1.5px * var(--inv)) solid var(--accent)}.node.dragging{opacity:.88}.node iframe{pointer-events:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;width:760px;height:60px;display:block}.node-tag{left:calc(-1.5px * var(--inv));background:var(--accent);color:#1a0703;font:600 10.5px/1.5 var(--mono);white-space:nowrap;transform:scale(var(--inv));transform-origin:0 100%;padding:1px 6px;display:none;position:absolute;bottom:100%}.node.selected .node-tag{display:block}.canvas-empty{z-index:3;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.empty-logo{width:44px;height:44px}.canvas-empty h2{margin:16px 0 6px;font-size:15px;font-weight:600}.canvas-empty p{max-width:360px;color:var(--muted);margin:0;line-height:1.7}.empty-actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px;display:flex}.ctx{z-index:60;background:var(--panel-2);border:1px solid var(--border-2);border-radius:5px;min-width:230px;padding:4px;position:fixed;box-shadow:0 16px 40px #000c}.ctx button{width:100%;height:26px;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:16px;padding:0 10px;font-size:12px;display:flex}.ctx button:hover{background:var(--accent);color:#1a0703}.ctx button.danger{color:var(--err)}.ctx button.danger:hover{background:var(--err);color:#200805}.ctx kbd{color:var(--subtle);font:inherit;font-size:11px}.ctx button:hover kbd{color:inherit;opacity:.7}.ctx hr{border:0;border-top:1px solid var(--border-2);margin:4px 6px}.chat-messages{flex-direction:column;flex:1;gap:18px;min-height:0;padding:20px 18px 24px;display:flex;overflow:auto}.message{border:1px solid var(--border);background:var(--panel-2);max-width:92%;color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:3px;align-self:flex-start;padding:11px 14px;line-height:1.65;animation:.24s cubic-bezier(.2,.7,.2,1) msg-in;box-shadow:inset 0 1px #ffffff05,0 6px 18px -12px #000}.message.user{max-width:86%;color:var(--text);background:linear-gradient(#e4572e1f,#e4572e12);border-color:#e4572e55;align-self:flex-end}.message.welcome{max-width:none;box-shadow:none;background:0 0;border-style:dashed;align-self:stretch;padding:14px 16px}.chat-day{color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;align-self:center;font-size:10px}.message strong{color:var(--text);margin-bottom:2px;display:block}.message p{color:var(--muted);margin:2px 0 0}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)scale(.985)}}.message.thinking{max-width:none;box-shadow:none;color:var(--muted);white-space:normal;background:0 0;border-color:#e4572e40;align-self:stretch;gap:8px;display:grid}.message.thinking.folded{border-color:var(--border);align-self:flex-start;padding:6px 12px}.th-head{width:100%;color:inherit;font:inherit;text-align:left;cursor:default;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.message.thinking.folded .th-head,.message.thinking .th-head[aria-expanded]{cursor:pointer}.th-title{color:var(--text-2)}.message.thinking:not(.folded) .th-title{background:linear-gradient(90deg, var(--muted) 0%, var(--text) 50%, var(--muted) 100%) 0 0 / 200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:1.6s linear infinite th-shine}@keyframes th-shine{to{background-position:-200% 0}}.th-time{color:var(--subtle);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.message.thinking.folded .thinking-logo *{animation:none}.th-steps{gap:3px;margin:0;padding:0 0 0 2px;font-size:12px;list-style:none;display:grid}.message.thinking.folded .th-steps{display:none}.th-steps li{align-items:center;gap:8px;animation:.2s ease-out msg-in;display:flex}.th-steps li.done{color:var(--subtle)}.th-steps li.run{color:var(--text-2)}.th-mark{border-radius:50%;flex:none;width:10px;height:10px;position:relative}.th-steps li.run .th-mark{border:1.5px solid var(--border-2);border-top-color:var(--accent);animation:.7s linear infinite th-spin}.th-steps li.done .th-mark{background:var(--accent);opacity:.85;animation:.25s cubic-bezier(.2,.9,.3,1.4) th-pop}.th-steps li.done .th-mark:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:2.5px;height:5px;position:absolute;top:1.5px;left:3px;transform:rotate(45deg)}@keyframes th-spin{to{transform:rotate(360deg)}}@keyframes th-pop{0%{opacity:0;transform:scale(.3)}}.typing:after{content:"▍";color:var(--accent);margin-left:1px;animation:.8s step-end infinite oc-blink}.th-code{border:1px solid var(--border);background:var(--bg);max-height:132px;color:var(--muted);white-space:pre;border-radius:4px;margin:2px 0 0;padding:8px 10px;font-size:11px;line-height:1.5;animation:.2s ease-out msg-in;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 30%);mask-image:linear-gradient(#0000,#000 30%)}@media (prefers-reduced-motion:reduce){.th-steps li.run .th-mark,.message.thinking .th-title,.typing:after{animation:none}}.thinking-logo{width:16px;height:16px}.thinking-logo .f1,.thinking-logo .f2,.thinking-logo .f3{animation:1.2s ease-in-out infinite oc-face}.thinking-logo .f2{animation-delay:.2s}.thinking-logo .f3{animation-delay:.4s}@keyframes oc-face{0%,to{opacity:1}40%{opacity:.25}}.thinking-time{color:var(--subtle);font-variant-numeric:tabular-nums;margin-left:auto}@keyframes oc-blink{50%{opacity:0}}@keyframes oc-pulse{50%{opacity:.45}}.status{color:var(--accent);padding:0 14px 8px;font-size:11.5px}.status:empty{display:none}.agent-composer{--an-border-radius:6px;--an-input-background:#141110;--an-input-border-color:#352c29;--an-input-color:#f2ece9;--an-input-placeholder-color:#645a56;--an-send-button-bg:#e4572e;--an-send-button-color:#1a0703;--an-primary-color:#e4572e;margin:0 0 -4px}.agent-composer .max-w-an{max-width:none}.agent-composer textarea{font-family:var(--mono)!important;font-size:12.5px!important}.agent-composer .cursor-text{box-shadow:0 0 0 1px #352c29!important}.agent-composer .cursor-text:focus-within{box-shadow:0 0 0 1px var(--accent)!important}.agent-composer textarea,.agent-composer textarea:focus,.agent-composer textarea:focus-visible{box-shadow:none!important;outline:none!important}.composer-legacy{padding:0 12px 10px}.composer-legacy #prompt,.composer-legacy #send{display:none}.composer-footer{align-items:center;gap:6px;display:flex}.model-picker{min-width:0;max-width:100%;position:relative}.model-trigger{max-width:100%;height:26px;color:var(--text-2);background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:7px;padding:0 8px 0 4px;font-size:12px;display:flex}.model-trigger:hover,.model-trigger[aria-expanded=true]{background:var(--panel-2);border-color:var(--border-2)}.model-trigger-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.model-free{color:var(--ok);text-transform:uppercase;border:1px solid #6ee7b755;border-radius:3px;flex-shrink:0;padding:0 5px;font-size:10px}.model-chevron{width:12px;height:12px;color:var(--subtle);flex-shrink:0}.model-logo{width:18px;height:18px;color:var(--text);background:#ffffff0d;border-radius:3px;flex-shrink:0;place-items:center;display:grid}.model-logo svg{width:13px!important;height:13px!important}.model-logo.letter{color:var(--text-2);font-size:10px;font-weight:700}.model-menu{z-index:20;background:var(--panel-2);border:1px solid var(--border-2);border-radius:5px;width:320px;max-width:calc(100vw - 32px);position:absolute;bottom:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 16px 40px #000c}.model-search{border-bottom:1px solid var(--border-2);height:32px;color:var(--subtle);align-items:center;gap:8px;padding:0 10px;display:flex}.model-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.model-list{max-height:300px;padding:4px;overflow:auto}.model-option{text-align:left;background:0 0;border:0;border-radius:3px;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.model-option:hover{background:var(--hover)}.model-option.active{background:var(--accent-dim)}.model-option .model-logo{border:1px solid var(--border-2);background:var(--bg);width:26px;height:26px}.model-option .model-logo svg{width:15px!important;height:15px!important}.model-text{flex-direction:column;flex:1;min-width:0;display:flex}.model-title{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:12px;overflow:hidden}.model-meta{text-overflow:ellipsis;white-space:nowrap;color:var(--subtle);font-size:10.5px;overflow:hidden}.model-check{color:var(--accent)}.model-group{z-index:1;background:var(--panel-2);color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin:4px -4px 2px;padding:6px 12px;font-size:11px;display:flex;position:sticky;top:-4px}.model-group:first-child{margin-top:-4px}.model-group span:last-child{color:var(--subtle);text-transform:none;letter-spacing:0}.model-group .model-logo{background:0 0;width:16px;height:16px}.model-add{border:0;border-top:1px solid var(--border-2);width:100%;height:32px;color:var(--accent);text-align:left;background:0 0;padding:0 12px;font-size:12px;display:block}.model-add:hover{background:var(--hover)}.modal-card.wide{width:min(780px,100%)}.providers{gap:6px;margin:14px 0;display:grid}.prov{border:1px solid var(--border);background:var(--bg);border-radius:5px;grid-template-rows:auto auto;grid-template-columns:32px minmax(0,1fr) 230px;align-items:center;column-gap:12px;padding:10px 12px;display:grid}.prov.on{background:var(--accent-dim);border-color:#e4572e66}.prov>.model-logo{border:1px solid var(--border-2);background:var(--panel-2);grid-row:span 2;width:32px;height:32px}.prov>.model-logo svg{width:18px!important;height:18px!important}.prov-name{color:var(--text);align-items:center;gap:8px;font-weight:600;display:flex}.prov-note{text-overflow:ellipsis;white-space:nowrap;color:var(--subtle);font-size:11.5px;overflow:hidden}.prov input{border:1px solid var(--border-2);background:var(--panel);height:28px;color:var(--text);font:12px var(--mono);border-radius:4px;grid-area:1/3;padding:0 8px}.prov input:focus{border-color:var(--accent);outline:0}.prov-st{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);grid-area:2/3;margin-top:3px;font-size:11px;overflow:hidden}.prov-st.ok{color:var(--ok)}.prov-st.err{color:var(--err)}.modal-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.check{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;display:flex}.check input{accent-color:var(--accent)}@media (width<=640px){.prov{grid-template-columns:32px minmax(0,1fr)}.prov input,.prov-st{grid-area:auto/1/auto/-1;margin-top:8px}}.account{border-right:1px solid var(--border);align-items:center;gap:6px;margin-right:6px;padding-right:10px;display:flex}.btn.accent-outline{color:var(--accent);background:0 0;border-color:#e4572e88}.btn.accent-outline:hover{background:var(--accent-dim);border-color:var(--accent)}.account-chip{border:1px solid var(--border-2);background:var(--panel-2);max-width:240px;height:28px;color:var(--text-2);border-radius:4px;align-items:center;gap:8px;padding:0 8px 0 3px;font-size:12px;display:flex}.account-chip:hover{border-color:var(--accent)}.account-chip img,.account-chip>span{object-fit:cover;border-radius:3px;width:22px;height:22px}.account-chip>span{background:var(--accent);color:var(--on-accent,#1a0703);place-items:center;font-weight:700;display:grid}.account-chip em{text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.plan{border:1px solid var(--border-2);color:var(--muted);text-transform:uppercase;border-radius:3px;padding:0 5px;font-size:10px;font-weight:500}.modal-card.auth-card{width:min(420px,100%)}.auth-tabs{border:1px solid var(--border-2);border-radius:4px;grid-template-columns:1fr 1fr;margin:16px 0;display:grid;overflow:hidden}.auth-tabs button{height:30px;color:var(--muted);background:0 0;border:0}.auth-tabs button.active{background:var(--accent-dim);color:var(--accent)}.auth-off{background:var(--accent-dim);color:var(--text-2);border:1px solid #e4572e55;border-radius:4px;margin-bottom:14px;padding:10px 12px;font-size:12px;line-height:1.6}.auth-oauth{gap:8px;display:grid}.auth-provider{background:var(--bg);gap:10px;height:38px;font-size:12.5px}.auth-or{color:var(--subtle);align-items:center;gap:10px;margin:16px 0 2px;font-size:11px;display:flex}.auth-or:before,.auth-or:after{content:"";border-top:1px solid var(--border-2);flex:1}.auth-form .field{margin:10px 0}.auth-form .btn{height:34px;margin-top:6px}.auth-magic{background:0 0;border-style:dashed}.auth-msg{min-height:1em;margin:10px 0 0;font-size:12px}.auth-msg.ok{color:var(--ok)}.auth-msg.err{color:var(--err)}.auth-legal{font-size:11px;color:var(--subtle)!important;margin:12px 0 0!important}.model-empty{color:var(--subtle);text-align:center;padding:16px}.statusbar{background:var(--panel);border-top:1px solid var(--border);min-width:0;color:var(--muted);white-space:nowrap;align-items:center;padding:0 4px;font-size:11px;display:flex;overflow:hidden}.sb-item{align-items:center;gap:6px;height:100%;padding:0 8px;display:flex}.sb-spacer{flex:1}.sb-state i{background:var(--ok);border-radius:50%;width:6px;height:6px}.sb-state.busy{color:var(--accent)}.sb-state.busy i{background:var(--accent);animation:1s step-end infinite oc-blink}.sb-state.ok i{background:var(--ok)}.sb-state.ok{color:var(--ok)}.sb-state.error{color:var(--err)}.sb-state.error i{background:var(--err)}.sb-state.warn{color:var(--accent)}.sb-state.warn i{background:var(--accent)}#sbModel{color:var(--subtle)}.lang-select{height:18px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px}.lang-select:hover{color:var(--text)}.lang-select option{background:var(--panel);color:var(--text)}.sb-hint{color:var(--subtle)}.modal{z-index:70;background:#000000b8;justify-content:center;align-items:center;padding:24px;animation:.12s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-card{background:var(--panel);border:1px solid var(--border-2);border-radius:6px;width:min(640px,100%);max-height:88dvh;padding:18px 20px;overflow:auto;box-shadow:0 24px 80px #000}.modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-head h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin:0;font-size:13px;font-weight:600}.modal-card p{color:var(--muted);line-height:1.7}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.field{color:var(--text-2);flex-direction:column;gap:6px;margin:14px 0;font-size:12px;display:flex}.field input,.field textarea{border:1px solid var(--border-2);background:var(--bg);width:100%;color:var(--text);font-family:var(--mono);border-radius:4px;padding:8px 10px}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:0}.field textarea{resize:vertical;min-height:300px;font-size:12px;line-height:1.6}@keyframes fade-in{0%{opacity:0}}@media (width<=1100px){.sb-hint,.tb-menu{display:none}}@media (width<=860px){.tb-center,.swatches button:nth-child(n+4){display:none}}@media (width<=700px){body{overflow:auto}.app{grid-template-rows:38px auto 24px;height:auto;min-height:100dvh}.main{flex-direction:column}.activitybar{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;width:100%;height:40px;padding:0 4px}.activitybar button.active:before{width:auto;height:2px;inset:auto 8px 0}.panel{width:100%!important}.side{max-height:46vh}.splitter{display:none}.workspace{min-height:70vh}.chat-panel{min-height:420px}.main.swapped .chat-panel,.main.swapped .side{order:5}.wordmark{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#authModal,#donateModal{z-index:120}.donate-btn{color:var(--muted);background:0 0;border-color:#0000}.donate-btn span{color:#e4572e}.donate-btn:hover{color:var(--text);background:var(--hover);border-color:#0000}.modal-card.donate-card{text-align:center;width:min(420px,100%)}.donate-card .modal-head{text-align:left}.donate-heart{color:#e4572e;margin:18px 0 4px;font-size:34px;line-height:1}.donate-lead{font-weight:600;color:var(--text)!important;margin:8px 0 0!important}.donate-go{height:36px;margin-top:8px;text-decoration:none}.donate-card .auth-off{text-align:left}.donate-card code{color:var(--accent)}.donate-note button{color:var(--accent);text-underline-offset:3px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.wallets{text-align:left;gap:8px;margin-top:10px;display:grid}.wallet{border:1px solid var(--border-2);background:var(--bg);border-radius:5px;gap:12px;padding:10px;display:flex}.wallet-qr{background:#fff;border-radius:4px;flex-shrink:0;width:96px;height:96px}.wallet-info{flex-direction:column;gap:6px;min-width:0;display:flex}.wallet-coin{color:var(--text);font-weight:700}.wallet-coin span{border:1px solid var(--border-2);color:var(--accent);border-radius:3px;margin-left:4px;padding:0 5px;font-size:10.5px;font-weight:500}.wallet-addr{overflow-wrap:anywhere;color:var(--text-2);-webkit-user-select:all;user-select:all;font-size:11px;line-height:1.5}.wallet-copy{align-self:flex-start;height:24px;font-size:11px}.wallet-warn{color:var(--muted);font-size:10.5px;line-height:1.5}.donate-mark{width:40px;height:40px;margin:18px auto 4px;display:block}.donate-btn{color:var(--muted)}.tour{z-index:110;position:fixed;inset:0}.tour-hole{box-shadow:0 0 0 1px var(--accent), 0 0 0 9999px #000000b0;pointer-events:none;border-radius:6px;transition:left .25s,top .25s,width .25s,height .25s;position:fixed}.tour-card{background:var(--panel-2);border:1px solid var(--border-2);border-top:2px solid var(--accent);border-radius:6px;width:320px;max-width:calc(100vw - 24px);padding:14px 16px 12px;transition:left .25s,top .25s;position:fixed;box-shadow:0 24px 60px #000c}.tour-title{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.tour-text{color:var(--text);margin:8px 0 12px;font-size:13px;line-height:1.6}.tour-foot{align-items:center;gap:6px;display:flex}.tour-dots{gap:4px;display:flex}.tour-dots i{background:var(--border-2);border-radius:50%;width:6px;height:6px}.tour-dots i.on{background:var(--accent)}.tour-foot .btn:disabled{opacity:.4;cursor:default}@media (prefers-reduced-motion:reduce){.tour-hole,.tour-card{transition:none}}.model-price{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;margin-left:auto;padding-left:8px;font-size:11px}.model-option.active .model-price{color:var(--text-2)}.model-sub{border-top:1px dashed var(--border-2);color:var(--muted);letter-spacing:.04em;margin:6px 4px 2px;padding:6px 8px 4px;font-size:10.5px}:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}.btn{transition:background .15s, border-color .15s, color .15s, transform .12s var(--ease-out), box-shadow .2s}.btn:active{transform:scale(.97)}.btn.primary:hover{box-shadow:0 0 0 3px #e4572e26,0 6px 20px -6px #e4572e99}.activitybar button svg{transition:transform .2s var(--ease-spring)}.activitybar button:hover svg{transform:scale(1.12)}.activitybar button:active svg{transform:scale(.92)}.node.entering{animation:node-in .38s var(--ease-spring) both}@keyframes node-in{0%{opacity:0;transform:translateY(calc(8px * var(--inv))) scale(.94)}}.node{transition:outline-color .15s}.cat-body{animation:cat-open .25s var(--ease-out)}@keyframes cat-open{0%{opacity:0;transform:translateY(-4px)}}.cat-body .component{animation:card-in .35s var(--ease-out) both;animation-delay:calc(min(var(--i,0), 16) * 22ms)}@keyframes card-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.component{transition:border-color .15s, transform .2s var(--ease-out), box-shadow .2s}.component:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px #000}.component:active{transform:scale(.97)}.component-plus{transition:color .15s, transform .25s var(--ease-spring)}.component:hover .component-plus{transform:rotate(90deg)scale(1.2)}.cat-head{transition:color .15s,background .15s}.modal-card{animation:modal-in .26s var(--ease-out)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}.ctx{animation:pop-in .14s var(--ease-out);transform-origin:0 0}.model-menu{animation:pop-in .16s var(--ease-out);transform-origin:0 100%}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}}.tour-card{animation:modal-in .3s var(--ease-out)}.canvas-empty:not(.hidden){animation:.4s ease-out fade-in}.canvas-empty .empty-logo{animation:logo-float 4s ease-in-out infinite, empty-rise .6s var(--ease-spring) both}@keyframes logo-float{50%{transform:translateY(-5px)}}.canvas-empty h2{letter-spacing:-.01em;color:var(--text);animation:empty-rise .5s 80ms var(--ease-out) both;margin:18px 0 6px;font-size:20px;font-weight:600}.canvas-empty p{animation:empty-rise .5s .14s var(--ease-out) both}@keyframes empty-rise{0%{opacity:0;transform:translateY(10px)}}.empty-cards{pointer-events:auto;grid-template-columns:repeat(4,minmax(0,168px));gap:10px;margin-top:22px;display:grid}.empty-card{text-align:left;background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;animation:empty-rise .55s var(--ease-out) both;transition:border-color .2s, transform .25s var(--ease-out), box-shadow .25s;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;display:flex;position:relative;overflow:hidden}.empty-card:first-child{animation-delay:.2s}.empty-card:nth-child(2){animation-delay:.27s}.empty-card:nth-child(3){animation-delay:.34s}.empty-card:before{content:"";opacity:0;background:radial-gradient(120px 80px at 20% 0,#e4572e22,#0000 70%);transition:opacity .25s;position:absolute;inset:0}.empty-card:hover{border-color:#e4572e88;transform:translateY(-3px);box-shadow:0 14px 30px -14px #e4572e66}.empty-card:hover:before{opacity:1}.empty-card:active{transform:translateY(-1px)scale(.98)}.empty-card svg{width:22px;height:22px;color:var(--accent);transition:transform .3s var(--ease-spring);margin-bottom:8px}.empty-card:hover svg{transform:scale(1.15)rotate(-6deg)}.empty-card b{font-size:13px;font-weight:600}.empty-card span{color:var(--muted);font-size:11.5px;line-height:1.5}@media (width<=1100px){.empty-cards{grid-template-columns:repeat(2,minmax(0,190px))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.auth-legal a{color:inherit;text-underline-offset:2px;text-decoration:underline}.bg-edit{border:1px dashed var(--border-2);width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;place-items:center;margin-left:2px;padding:0;transition:color .15s,border-color .15s;display:grid}.bg-edit:hover{color:var(--accent);border-color:var(--accent)}.bg-edit svg{width:12px;height:12px}.bg-panel{z-index:65;background:var(--panel-2);border:1px solid var(--border-2);width:300px;animation:pop-in .16s var(--ease-out);transform-origin:0 0;border-radius:6px;padding:12px;position:fixed;box-shadow:0 20px 50px #000c}.bg-head{color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.bg-presets{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:12px;display:grid}.bg-presets button{aspect-ratio:1;border:1px solid var(--border-2);cursor:pointer;transition:transform .15s var(--ease-spring), border-color .15s;border-radius:5px}.bg-presets button:hover{border-color:var(--accent);transform:scale(1.08)}.bg-tabs{background:var(--panel);border:1px solid var(--border);border-radius:5px;gap:2px;margin-bottom:10px;padding:2px;display:flex}.bg-tabs button{height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:1;font-size:11.5px}.bg-tabs button.active{background:var(--panel-2);color:var(--accent);box-shadow:0 0 0 1px var(--border-2)}.bg-tabs.small button{font-size:11px}.bg-row{gap:8px;margin-bottom:10px;display:flex}.bg-field{color:var(--muted);gap:4px;margin-bottom:10px;font-size:11px;display:grid}.bg-row .bg-field{flex:1;margin:0}.bg-field b{color:var(--text);font-weight:500}.bg-field input[type=color]{border:1px solid var(--border-2);background:var(--panel);cursor:pointer;border-radius:4px;width:100%;height:28px;padding:2px}.bg-field input[type=range]{width:100%;accent-color:var(--accent)}.bg-css summary{color:var(--muted);cursor:pointer;font-size:11px}.bg-css textarea{box-sizing:border-box;border:1px solid var(--border-2);background:var(--panel);width:100%;height:80px;color:var(--text);resize:vertical;border-radius:4px;margin:6px 0;padding:6px;font:11px/1.5 JetBrains Mono,monospace}.canvas.fusing .node{cursor:crosshair}.canvas.fusing .node:not(.fuse-source):hover{outline:calc(2px * var(--inv)) solid var(--accent);box-shadow:0 0 0 calc(6px * var(--inv)) #e4572e33}.node.fuse-source{outline:calc(2px * var(--inv)) dashed var(--accent);animation:1.2s ease-in-out infinite fuse-pulse}@keyframes fuse-pulse{50%{box-shadow:0 0 0 calc(10px * var(--inv)) #e4572e22}}.component.animated .component-info>span:first-child:after{content:" ◦";color:var(--accent)}.msg-shot{border:1px solid var(--border-2);object-fit:cover;border-radius:4px;max-width:100%;max-height:180px;margin-top:2px;display:block}.message.user:has(.msg-shot):before{content:""}.canvas.drop-shot:after{content:"drop the screenshot to rebuild it";z-index:5;border:2px dashed var(--accent);color:var(--accent);pointer-events:none;background:#e4572e14;border-radius:10px;place-items:center;font-size:14px;display:grid;position:absolute;inset:12px}.seg{background:var(--panel);border:1px solid var(--border);border-radius:4px;margin-right:6px;padding:2px;display:inline-flex}.seg button{height:20px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:0 9px;font-size:11px;transition:color .15s,background .15s}.seg button[aria-checked=true]{background:var(--panel-2);color:var(--accent);box-shadow:0 0 0 1px var(--border-2)}.btn.mini{height:24px;margin-right:6px;padding:0 9px;font-size:11px}.modal-card.preview-card{width:min(1280px,100%)}.devices{grid-template-columns:1fr 1.6fr 2.6fr;align-items:start;gap:18px;margin-top:14px;display:grid}.device{margin:0}.device-screen{border:1px solid var(--border-2);background:#000;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 18px 40px -20px #000}.device iframe{transform-origin:0 0;border:0;position:absolute;top:0;left:0}.device figcaption{color:var(--muted);text-align:center;margin-top:8px;font-size:11px}@media (width<=900px){.devices{grid-template-columns:1fr}}.preview-note{margin:6px 0 0;font-size:12px}.preview-banner{color:var(--text-2);background:#e4572e12;border:1px solid #e4572e55;border-radius:6px;align-items:center;gap:14px;margin-top:12px;padding:10px 14px;font-size:12.5px;line-height:1.55;display:flex}.preview-banner b{color:var(--text)}.preview-banner .btn{flex:none}.canvas.playing .node{cursor:default}.canvas.playing .node iframe{pointer-events:auto}.canvas.playing .node:hover{outline-color:#0000}#playToggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#e4572e14}.canvas-toolbar{scrollbar-width:none;overflow-x:auto}.canvas-toolbar::-webkit-scrollbar{display:none}.canvas-toolbar .toolbar-group{flex:none}.canvas-toolbar .tab-label{display:none}@media (width<=1500px){.swatches button[data-bg="5"],.swatches button[data-bg="6"]{display:none}}.page-handle{z-index:4;position:absolute}.page-handle.e,.page-handle.w{width:8px}.page-handle.n,.page-handle.s{height:8px}.page-handle.corner{background:var(--panel-2);width:14px;height:14px;box-shadow:0 0 0 1px var(--border-2);z-index:5;border-radius:3px}.page-handle:not(.corner):after{content:"";background:var(--accent);opacity:0;transition:opacity .15s;position:absolute}.page-handle.e:after,.page-handle.w:after{width:2px;top:0;bottom:0;left:3px}.page-handle.n:after,.page-handle.s:after{height:2px;top:3px;left:0;right:0}.page-handle:hover:after{opacity:.9}.page-handle.corner:hover{background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.canvas.resizing-page,.canvas.resizing-page *{-webkit-user-select:none;user-select:none}.canvas.resizing-page[data-resize-cursor=ew],.canvas.resizing-page[data-resize-cursor=ew] *{cursor:ew-resize!important}.canvas.resizing-page[data-resize-cursor=ns],.canvas.resizing-page[data-resize-cursor=ns] *{cursor:ns-resize!important}.canvas.resizing-page[data-resize-cursor=nwse],.canvas.resizing-page[data-resize-cursor=nwse] *{cursor:nwse-resize!important}.canvas.resizing-page[data-resize-cursor=nesw],.canvas.resizing-page[data-resize-cursor=nesw] *{cursor:nesw-resize!important}.canvas.resizing-page .node iframe{pointer-events:none}.page-size-tip{z-index:5;background:var(--accent);color:#1a0703;font-variant-numeric:tabular-nums;pointer-events:none;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute}.artboard-label{cursor:pointer;border-radius:4px;margin-left:-6px;padding:2px 6px;transition:background .15s,color .15s}.artboard-label:hover{background:var(--panel-2);color:var(--text)}.artboard-label.editing{background:var(--panel-2);color:var(--text);align-items:center;gap:6px;display:flex}.artboard-label input{border:1px solid var(--border-2);background:var(--panel);width:64px;height:20px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:3px;padding:0 4px}.artboard-label input:focus{border-color:var(--accent);outline:none}.artboard-label .btn.mini{height:20px;margin:0}#pageSize{text-overflow:ellipsis;width:150px;max-width:150px}.guides{pointer-events:none;z-index:9998;position:absolute;inset:0}.guide{background:#ff3d7f;position:absolute}.guide.v{width:calc(1px * var(--inv));top:0;bottom:0}.guide.h{height:calc(1px * var(--inv));left:0;right:0}.rbx-zones{z-index:9997;pointer-events:none;position:absolute;inset:0}.rbx-zones[hidden]{display:none}.rbx-zone{outline:calc(1px * var(--inv)) dashed #e4572e;background:repeating-linear-gradient(135deg,#e4572e2e 0 10px,#e4572e14 10px 20px);place-items:center;display:grid;position:absolute}.rbx-zone.top{top:0;left:0;right:0}.rbx-zone.stick,.rbx-zone.jump{border-radius:50%}.rbx-zone span{color:#ffb59c;font:600 calc(11px * var(--inv)) / 1.4 "JetBrains Mono", monospace;white-space:nowrap;background:#0c0a09cc;border-radius:4px;padding:2px 8px}#zonesToggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#e4572e14}.marquee{z-index:9996;pointer-events:none;border:calc(1px * var(--inv)) solid var(--accent);background:#e4572e14;position:absolute}.marquee.hidden{display:none}.align-bar{z-index:30;background:var(--panel-2);border:1px solid var(--border-2);animation:pop-in .16s var(--ease-out);border-radius:8px;align-items:center;gap:2px;padding:4px 6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #000c}.align-bar.hidden{display:none}.align-bar .ab-count{color:var(--accent);white-space:nowrap;padding:0 8px 0 4px;font-size:11px}.align-bar button{width:28px;height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;transition:background .12s,color .12s;display:grid}.align-bar button:hover:not(:disabled){background:var(--hover);color:var(--text)}.align-bar button:disabled{opacity:.3;cursor:default}.align-bar button.danger:hover{color:#ff8a6b}.align-bar svg{width:16px;height:16px}.align-bar i{background:var(--border-2);width:1px;height:18px;margin:0 4px}.prov-free{background:linear-gradient(90deg,#e4572e12,#0000 60%);border-color:#e4572e66!important}.prov-free .btn{flex:none}.msg-attachments{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.msg-attachments img{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:64px;height:64px;animation:.2s ease-out msg-in}.msg-file{border:1px solid var(--border);background:var(--panel-2);height:26px;color:var(--text-2);border-radius:6px;align-items:center;padding:0 8px;font-size:11px;display:inline-flex}.node .oc-3d-live{z-index:1;pointer-events:none;animation:.3s ease-out msg-in;position:absolute;top:16px;left:16px}.node.has-live iframe{opacity:0}.canvas.playing .node .oc-3d-live{cursor:grab}.canvas.playing .node .oc-3d-live:active{cursor:grabbing}#undo:disabled,#redo:disabled{opacity:.4;cursor:default}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tb-menu .tb-link{height:24px;color:var(--muted);white-space:nowrap;border-radius:4px;align-items:center;padding:0 8px;font-size:12px;text-decoration:none;display:inline-flex}.tb-menu .tb-link:hover{background:var(--hover);color:var(--text)}.guide-links{flex-wrap:wrap;gap:2px 10px;margin-top:8px;font-size:11px;line-height:1.6;display:flex}.guide-links span{width:100%;color:var(--subtle)}.guide-links a{color:var(--muted);text-decoration:none}.guide-links a:hover{color:var(--accent);text-decoration:underline}.noscript{color:#eee;max-width:720px;margin:40px auto;padding:0 20px;font-family:system-ui,sans-serif;line-height:1.6}.noscript a{color:#ff7a4d}.tb-left{overflow:hidden}@media (width<=1480px){.tb-menu [data-cmd=addCode],.tb-menu [data-cmd=clear]{display:none}}.workspace{container-type:inline-size}@container (width<=980px){.canvas-toolbar .lbl{display:none}.canvas-toolbar .btn.mini{justify-content:center;min-width:28px}}@container (width<=760px){.canvas-toolbar{flex-wrap:wrap;row-gap:4px;height:auto;min-height:34px;padding-top:4px;padding-bottom:4px;overflow:visible}}.tb-center{min-width:0;margin:0 10px;overflow:hidden}#projectName{text-overflow:ellipsis;max-width:260px;overflow:hidden}@media (width<=1380px){.titlebar .donate-btn{display:none}}.toasts{z-index:90;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:36px;right:16px}.toast{border:1px solid var(--border-2);background:var(--panel-2);max-width:min(420px,100vw - 32px);color:var(--text);pointer-events:auto;border-radius:6px;align-items:center;gap:10px;padding:9px 8px 9px 12px;font-size:12px;line-height:1.45;animation:.22s cubic-bezier(.2,.8,.2,1) toast-in;display:flex;box-shadow:0 14px 30px -12px #000}.toast i{background:var(--ok);border-radius:50%;flex-shrink:0;width:8px;height:8px}.toast.error{border-color:#f8717166}.toast.error i{background:var(--err)}.toast.warn i{background:var(--accent)}.toast span{flex:1}.toast button{width:22px;height:22px;color:var(--subtle);background:0 0;border:0;border-radius:4px;flex-shrink:0;font-size:15px;line-height:1}.toast button:hover{background:var(--hover);color:var(--text)}.toast.out{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(6px)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}.toast.out{transition:none}}.cat-mine .cat-icon{color:#fbbf24}.component-del{width:18px;height:18px;color:var(--subtle);text-align:center;border-radius:3px;flex-shrink:0;font-size:14px;line-height:18px}.component-del:hover{color:var(--err);background:#f8717122}.variants-toggle{border:1px solid var(--border-2);height:24px;color:var(--subtle);background:0 0;border-radius:4px;flex-shrink:0;padding:0 8px;font-size:11px}.variants-toggle:hover{color:var(--text);border-color:#4a3d39}.variants-toggle[aria-pressed=true]{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.var-card{width:min(1180px,100%)}.var-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px;display:grid}.var-col{flex-direction:column;gap:8px;min-width:0;display:flex}.var-preview{border:1px solid var(--border-2);background:repeating-conic-gradient(#ffffff05 0 25%, transparent 0 50%) 0 0 / 16px 16px, var(--bg);cursor:pointer;border-radius:6px;height:340px;padding:0;display:block;position:relative;overflow:hidden}.var-preview:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.var-preview iframe{transform-origin:0 0;pointer-events:none;border:0;position:absolute;top:0;left:0}.var-info{align-items:center;gap:8px;min-width:0;display:flex}.var-info b{background:var(--panel-2);width:22px;height:22px;color:var(--muted);border-radius:4px;flex-shrink:0;place-items:center;font-size:11px;display:grid}.var-info span{min-width:0;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.node.editing{cursor:text;outline:calc(2px * var(--inv)) solid var(--accent)!important;z-index:9999!important}.node.editing iframe{pointer-events:auto}.canvas.inline-editing .node:not(.editing){opacity:.35;transition:opacity .2s}.ins-panel{z-index:66;background:var(--panel-2);border:1px solid var(--border-2);border-top:2px solid var(--accent);width:248px;animation:pop-in .16s var(--ease-out,ease-out);border-radius:6px;padding:10px 12px 12px;position:fixed;box-shadow:0 20px 50px #000c}.ins-head{align-items:center;gap:8px;display:flex}.ins-title{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.ins-tag{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.ins-hint{color:var(--muted);margin:6px 0 10px;font-size:11px;line-height:1.5}.ins-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;display:grid}.ins-grid label{color:var(--muted);gap:3px;font-size:10.5px;display:grid}.ins-grid input[type=color]{border:1px solid var(--border-2);background:var(--panel);cursor:pointer;border-radius:4px;width:100%;height:26px;padding:2px}.ins-grid input[type=color].none{background-image:linear-gradient(135deg,#0000 45%,#e4572e 46% 54%,#0000 55%)}.ins-row{color:var(--muted);grid-template-columns:1fr auto;gap:2px 6px;margin-bottom:6px;font-size:11px;display:grid}.ins-row b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:500}.ins-row input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/-1}.ins-actions{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.ins-actions .btn{flex:1;height:24px;padding:0 6px;font-size:11px}.ins-actions .btn.danger{color:#ff8a6b}.ins-link{color:var(--muted);gap:3px;margin-bottom:8px;font-size:11px;display:grid}.ins-link span{color:var(--subtle);font-size:10.5px}.ins-link input{border:1px solid var(--border-2);background:var(--panel);height:26px;color:var(--text);border-radius:4px;padding:0 8px;font:11.5px JetBrains Mono,monospace}.ins-link input:focus{border-color:var(--accent);outline:none}.ins-panel{scrollbar-width:thin;max-height:calc(100vh - 140px);overflow-y:auto}.ins-sec{border-top:1px solid var(--border);color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin:12px 0 6px;padding-top:10px;font-size:10.5px;font-weight:600}.ins-sec span{color:var(--subtle);text-transform:none;letter-spacing:0;font-weight:400}.ins-media{gap:4px;display:flex}.ins-media .btn{height:26px;font-size:11px}.ins-media .btn:first-child{flex:1}.ins-anim{border:1px solid var(--border);background:var(--panel);border-radius:5px;margin-bottom:8px;padding:8px}.ins-anim-head{align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.ins-anim-head b{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ins-anim-head span{color:var(--subtle)}.ins-pause{color:var(--muted);cursor:pointer;align-items:center;gap:3px;margin-left:auto;display:flex}.ins-pause input{accent-color:var(--accent)}.ins-anim-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.ins-anim-grid select,.ins-anim-grid input{border:1px solid var(--border-2);background:var(--panel-2);height:22px;color:var(--text);border-radius:3px;font:11px inherit}.ins-anim-grid label{color:var(--muted);grid-column:1/-1;align-items:center;gap:6px;font-size:11px;display:flex}.ins-anim-grid label input{width:56px;padding:0 4px}.pub-btn{align-items:center;gap:7px;display:inline-flex}.pub-dot{background:var(--ok,#6ee7b7);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #6ee7b722}.modal-card.pub-card{width:min(520px,100%)}.pub-lead{margin:8px 0 0;font-size:12px}.pub-form .field{margin-bottom:6px}.pub-slug{border:1px solid var(--border-2);background:var(--bg);border-radius:4px;align-items:stretch;display:flex;overflow:hidden}.pub-slug:focus-within{border-color:var(--accent)}.pub-prefix{color:var(--subtle,#645a56);white-space:nowrap;font-family:var(--mono);align-items:center;padding:0 0 0 10px;display:flex}.field .pub-slug input{background:0 0;border:0;border-radius:0;flex:1;min-width:0;padding-left:1px}.pub-hint{min-height:1.5em;color:var(--muted);font-size:12px}.pub-hint.ok{color:var(--ok,#6ee7b7)}.pub-hint.err{color:var(--err,#f87171)}.pub-suggest{color:var(--accent);text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.pub-result{background:#6ee7b70d;border:1px solid #6ee7b744;border-radius:4px;align-items:center;gap:10px;margin:14px 0 4px;padding:10px 12px;display:flex}.pub-result a{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ok,#6ee7b7);flex:1;text-decoration:none;overflow:hidden}.pub-result a:hover{text-decoration:underline}.pub-result-actions{flex-shrink:0;gap:6px;display:flex}.pub-list-head{border-top:1px solid var(--border);color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;margin:18px 0 6px;padding-top:14px;font-size:11px;display:flex}.pub-count{color:var(--subtle,#645a56)}.pub-list{max-height:240px;margin:0;padding:0;list-style:none;overflow:auto}.pub-list li{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:7px 0;display:flex}.pub-list li:last-child{border-bottom:0}.pub-list li.pub-empty{color:var(--muted);border:0}.pub-item{flex-direction:column;flex:1;min-width:0;display:flex}.pub-item a{color:var(--text);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.pub-item a:hover{color:var(--accent)}.pub-item span{color:var(--subtle,#645a56);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pub-del:hover{border-color:var(--err,#f87171);color:var(--err,#f87171)}@media (width<=520px){.pub-prefix{display:none}.field .pub-slug input{padding-left:10px}.pub-result{flex-direction:column;align-items:stretch}}.pub-listed{color:var(--text-2);cursor:pointer;align-items:flex-start;gap:8px;margin:4px 0 10px;font-size:12px;line-height:1.5;display:flex}.pub-listed input{accent-color:var(--accent);margin-top:3px}.pub-listed b{color:var(--text);font-weight:600}.pub-listed a{color:var(--accent)}.pub-embed{margin:8px 0 4px}.pub-embed-head{color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;display:flex}.pub-embed textarea{box-sizing:border-box;resize:none;border:1px solid var(--border-2);background:var(--bg);width:100%;color:var(--text);font:11px/1.5 var(--mono);border-radius:4px;padding:8px 10px;display:block}.pub-embed textarea:focus{border-color:var(--accent);outline:none}.pub-list li.off .pub-item a{color:var(--muted);text-decoration:line-through}.pub-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;font-size:11px;display:flex}.pub-chip{border:1px solid var(--border-2);height:20px;color:var(--muted);background:0 0;border-radius:10px;padding:0 7px;font-size:11px}.pub-chip:hover{color:var(--text);border-color:#4a3d39}.pub-chip.on{color:var(--ok);border-color:#6ee7b755}.pub-subs .pub-list-head{align-items:center;gap:10px;display:flex}.pub-subs .pub-list-head span{flex:1}.pub-sub-list{gap:8px;max-height:340px;margin:8px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.pub-sub-list li{border:1px solid var(--border);background:var(--bg);border-radius:5px;padding:8px 10px}.pub-sub-head{color:var(--subtle);justify-content:space-between;align-items:center;font-size:11px;display:flex}.pub-sub-head .btn.icon{width:22px;height:22px}.pub-sub-list dl{grid-template-columns:max-content minmax(0,1fr);gap:2px 12px;margin:4px 0 0;font-size:12px;display:grid}.pub-sub-list dt{color:var(--muted)}.pub-sub-list dd{color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.modal-card.vh-card{flex-direction:column;width:min(980px,100%);height:min(640px,88dvh);display:flex;overflow:hidden}.vh-card .modal-head,.vh-card .modal-head h2{flex-shrink:0}.vh-project{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--subtle);flex:1;font-size:11.5px;overflow:hidden}.vh-project:before{content:"~/"}.vh-save{flex-shrink:0;gap:8px;margin:14px 0 12px;display:flex}.vh-save input{border:1px solid var(--border-2);background:var(--bg);min-width:0;height:26px;color:var(--text);font:12px var(--mono);border-radius:4px;flex:1;padding:0 8px}.vh-save input:focus{border-color:var(--accent);outline:0}.vh-save input::placeholder{color:var(--subtle)}.vh-body{flex:1;grid-template-columns:290px minmax(0,1fr);gap:12px;min-height:0;display:grid}.vh-list{border:1px solid var(--border);background:var(--bg);border-radius:5px;flex-direction:column;gap:3px;margin:0;padding:3px;list-style:none;display:flex;overflow:auto}.vh-list:focus{border-color:var(--border-2);outline:0}.vh-list:focus-visible .vh-row.sel{outline:1px solid var(--accent);outline-offset:-1px}.vh-row{cursor:pointer;border:1px solid #0000;border-radius:4px;flex-shrink:0;gap:1px;padding:7px 9px;transition:background .12s,border-color .12s;display:grid}.vh-row:hover{background:var(--hover)}.vh-row.sel{background:var(--accent-dim);border-color:#e4572e66}.vh-when{color:var(--text);font-weight:600}.vh-row.manual .vh-when:after{content:"●";color:var(--accent);vertical-align:2px;margin-left:6px;font-size:8px}.vh-label{text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);overflow:hidden}.vh-meta{color:var(--muted);font-size:11px}.vh-meta em{color:var(--accent);font-style:normal}.vh-empty{color:var(--muted);text-align:center;margin:auto;padding:24px 12px;line-height:1.7}.vh-side{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.vh-preview{border:1px solid var(--border);background:repeating-conic-gradient(#151211 0% 25%,#110f0e 0% 50%) 0 0/16px 16px;border-radius:5px;flex:1;min-height:160px;position:relative;overflow:hidden}.vh-preview iframe{transform-origin:0 0;pointer-events:none;box-shadow:0 0 0 1px var(--border-2), 0 12px 40px #000a;border:0;position:absolute;top:0;left:0}.vh-preview-empty{color:var(--subtle);place-items:center;display:grid;position:absolute;inset:0}.vh-preview-empty[hidden]{display:none}.vh-info{color:var(--text-2);overflow-wrap:anywhere;flex-shrink:0;line-height:1.6}.vh-info b{color:var(--text);font-weight:600}.vh-info span{color:var(--muted);font-size:11.5px}.vh-actions{flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.vh-actions .btn:disabled{cursor:default}.vh-del:hover,.vh-del.armed{color:var(--err);border-color:#f8717166}.vh-del.armed{background:#f871711a}.vh-foot{color:var(--subtle);flex-shrink:0;margin-top:10px;font-size:11px}@media (width<=720px){.modal-card.vh-card{height:92dvh}.vh-body{grid-template-rows:minmax(120px,38%) minmax(0,1fr);grid-template-columns:1fr}.vh-save{flex-wrap:wrap}}.pj-card{position:relative}.pj-card.busy{cursor:progress}.pj-body{margin-top:14px}.pj-intro ul{color:var(--text-2);margin:0 0 14px;padding-left:18px;line-height:1.8}.pj-intro li::marker{color:var(--accent)}.pj-bar{border:1px solid var(--border);background:var(--panel-2);border-radius:5px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.pj-state{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.pj-state b{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:600;overflow:hidden}.pj-dot{background:var(--subtle,var(--muted));border-radius:50%;flex-shrink:0;width:7px;height:7px}.pj-dot.on{background:var(--ok,#6ee7b7);box-shadow:0 0 0 3px #6ee7b722}.pj-actions{flex-wrap:wrap;gap:6px;display:flex}.pj-msg{background:#f871710f;border:1px solid #f8717155;border-radius:4px;margin:10px 0 0;padding:8px 10px;font-size:12px;color:var(--err,#f87171)!important;line-height:1.5!important}.pj-list{gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.pj-row{border:1px solid var(--border);background:var(--bg,var(--panel));border-radius:5px;align-items:center;gap:10px;padding:4px 6px 4px 4px;transition:border-color .12s;display:flex}.pj-row:hover{border-color:var(--border-2)}.pj-row.current{background:var(--accent-dim,#e4572e1f);border-color:#e4572e66}.pj-open{text-align:left;background:0 0;border:0;border-radius:4px;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding:6px 8px;display:flex}.pj-open:hover .pj-name{color:var(--accent)}.pj-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text);font-weight:600;overflow:hidden}.pj-meta{color:var(--muted);font-size:11px}.pj-meta em{color:var(--accent);font-style:normal}.pj-rename{border:1px solid var(--accent);background:var(--panel);width:100%;height:24px;color:var(--text);font:600 12.5px var(--mono,monospace);border-radius:3px;outline:0;padding:0 6px}.pj-tools{opacity:.55;flex-shrink:0;gap:4px;transition:opacity .12s;display:flex}.pj-row:hover .pj-tools,.pj-row:focus-within .pj-tools,.pj-row.current .pj-tools{opacity:1}.pj-tools .btn{height:24px;padding:0 8px;font-size:11.5px}.pj-tools .pj-del:hover{color:var(--err,#f87171);border-color:#f8717166}.pj-empty{border:1px dashed var(--border-2);color:var(--muted);text-align:center;border-radius:5px;margin-top:12px;padding:28px 12px}.pj-count{color:var(--subtle,var(--muted));text-align:right;margin-top:8px;font-size:11px}@media (width<=640px){.pj-row{flex-wrap:wrap}.pj-tools{opacity:1;width:100%;padding:0 0 4px 8px}}#localProjectsModal .pj-open{flex-direction:row;align-items:center;gap:10px}.lp-tile{border:1px solid var(--border-2);background-size:cover;border-radius:4px;flex-shrink:0;width:44px;height:30px}.lp-text{flex-direction:column;gap:2px;min-width:0;display:flex}.pal{z-index:95;background:#000000a0;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;animation:.1s ease-out fade-in;display:flex;position:fixed;inset:0}.pal-card{border:1px solid var(--border-2);background:var(--panel);border-radius:8px;flex-direction:column;width:min(620px,100%);max-height:64vh;display:flex;overflow:hidden;box-shadow:0 30px 70px -20px #000}.pal-input{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:0 14px;display:flex}.pal-input span{color:var(--accent);font-weight:700}.pal-input input{height:46px;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.pal-list{flex:1;min-height:0;margin:0;padding:6px;list-style:none;overflow:auto}.pal-group{color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;padding:8px 10px 4px;font-size:10.5px}.pal-item{color:var(--text-2);cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;display:flex}.pal-item.on{background:var(--accent-dim);color:var(--text)}.pal-item em{max-width:45%;color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:11px;font-style:normal;overflow:hidden}.pal-empty{color:var(--subtle);text-align:center;padding:24px}.pal-foot{border-top:1px solid var(--border);color:var(--subtle);justify-content:space-between;padding:7px 14px;font-size:11px;display:flex}.screens-bar{border-bottom:1px solid var(--border);background:var(--panel);scrollbar-width:none;flex-shrink:0;align-items:center;gap:4px;height:30px;padding:0 10px;display:flex;overflow-x:auto}.screens-bar::-webkit-scrollbar{display:none}.scr-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-right:4px;font-size:11px}.scr-tab{height:22px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:0 10px;font-size:12px;transition:color .12s,background .12s,border-color .12s;display:inline-flex;position:relative}.scr-tab:hover{color:var(--text);background:var(--panel-2)}.scr-tab.active{color:var(--text);background:var(--panel-2);border-color:var(--border)}.scr-tab.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;animation:.2s scr-in;position:absolute;bottom:-1px;left:8px;right:8px}@keyframes scr-in{0%{opacity:0;transform:scaleX(.3)}}.scr-start{color:var(--accent);font-size:10px;font-style:normal}.scr-name{outline:none;min-width:1ch}.scr-name[contenteditable=plaintext-only],.scr-name[contenteditable=true]{background:var(--bg);box-shadow:0 0 0 1px var(--accent);color:var(--text);cursor:text;border-radius:3px;padding:0 3px}.scr-add{border:1px dashed var(--border);height:22px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border-radius:4px;padding:0 9px;font-size:12px;transition:color .12s,border-color .12s}.scr-add:hover{color:var(--accent);border-color:var(--accent)}.scr-hint{color:var(--muted);white-space:nowrap;margin-left:8px;font-size:11px}.scr-hint code{background:var(--panel-2);color:var(--text-2);border-radius:3px;padding:1px 4px;font-family:inherit}@media (width<=900px){.scr-hint{display:none}}@media (prefers-reduced-motion:reduce){.scr-tab.active:after{animation:none}}.sync-card{width:min(520px,100vw - 32px)}.sync-steps{counter-reset:s;gap:14px;margin:4px 0 0;padding:0;list-style:none;display:grid}.sync-steps li{counter-increment:s;gap:6px;padding-left:34px;display:grid;position:relative}.sync-steps li:before{content:counter(s);border:1px solid var(--border);width:22px;height:22px;color:var(--accent);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:0;left:0}.sync-steps b{color:var(--text);font-size:13px;font-weight:600}.sync-steps span{color:var(--muted);font-size:12px;line-height:1.5}.sync-steps i{color:var(--text-2);font-style:normal}.sync-steps .btn{justify-self:start}.sync-code{border:1px solid var(--accent);background:#e4572e10;border-radius:6px;justify-self:start;align-items:center;gap:8px;padding:6px 6px 6px 12px;animation:.3s cubic-bezier(.2,.7,.2,1) sync-pop;display:flex}.sync-code code{color:var(--text);letter-spacing:.12em;-webkit-user-select:all;user-select:all;font-size:18px}@keyframes sync-pop{0%{opacity:0;transform:scale(.96)}}.sync-hint{min-height:18px;color:var(--muted);margin:14px 0 0;font-size:12px}.sync-hint[data-kind=ok]{color:#7fd69a}.sync-hint[data-kind=err]{color:var(--accent)}.sync-fine{color:var(--muted);opacity:.8;margin:6px 0 0;font-size:11px}@media (prefers-reduced-motion:reduce){.sync-code{animation:none}}.aurora-container{width:100%;height:100%;position:relative;overflow:hidden}.aurora-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.shiny-text{-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.shiny-text__glow{filter:blur(.14em);pointer-events:none;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.gradient-text{isolation:isolate;justify-content:center;align-items:center;max-width:100%;display:inline-flex;position:relative}.gradient-text--border{border-radius:999px;padding:.35em .75em}.gradient-text--border:before{content:"";padding:var(--gt-border);border-radius:inherit;background-image:var(--gt-gradient);-webkit-mask-composite:xor;pointer-events:none;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.gradient-text__inner{display:inline-block;position:relative}.gradient-text__content{background-image:var(--gt-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.gradient-text__glow{z-index:-1;background-image:var(--gt-gradient);-webkit-text-fill-color:transparent;filter:blur(.3em)saturate(1.4);opacity:var(--gt-glow);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.spotlight-card{isolation:isolate;background-color:var(--spotlight-card-surface);box-shadow:var(--spotlight-card-shadow);border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.spotlight-card__light,.spotlight-card__grain,.spotlight-card__border,.spotlight-card__edge{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.spotlight-card__light,.spotlight-card__grain{z-index:-1;opacity:0}.spotlight-card__grain{mix-blend-mode:overlay;background-size:160px 160px}.spotlight-card__border,.spotlight-card__edge{z-index:1;-webkit-mask-composite:xor;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.spotlight-card__border{background:var(--spotlight-card-border)}.spotlight-card__edge{opacity:0}.wl{--wl-accent:#e4572e;--wl-mono:"JetBrains Mono", "Cascadia Code", Consolas, ui-monospace, monospace;z-index:100;color:#f2ece9;font-family:var(--wl-mono);background:#0c0a09 radial-gradient(#1b1716 1px,#0000 1px) 0 0/20px 20px;animation:.4s ease-out wl-in;position:fixed;inset:0;overflow:hidden auto}.wl-out{pointer-events:none;animation:.4s ease-in forwards wl-out}@keyframes wl-in{0%{opacity:0}}@keyframes wl-out{to{opacity:0;transform:translateY(-12px)}}.wl-aurora{pointer-events:none;opacity:.85;height:640px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.wl>:not(.wl-aurora){position:relative}.wl-logo{flex-shrink:0;display:inline-grid}.wl-logo svg{width:100%;height:100%;display:block}.wl-nav{align-items:center;gap:20px;max-width:1120px;margin:0 auto;padding:18px 24px;display:flex}.wl-brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.wl-brand i{color:#948884;font-style:normal;font-weight:400}.wl-brand.small{font-size:13px}.wl-nav nav{gap:2px;margin-left:auto;display:flex}.wl-nav nav button{color:#cbc0bb;background:0 0;border:0;border-radius:4px;padding:6px 10px;font-size:13px}.wl-nav nav button:hover{color:#fff;background:#ffffff0d}.wl-btn{white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.wl-btn.lg{height:42px;padding:0 20px;font-size:14px}.wl-btn.primary{border:1px solid var(--wl-accent);background:var(--wl-accent);color:#1a0703}.wl-btn.primary:hover{background:#f06a3f}.wl-btn.primary:disabled{opacity:.4;cursor:default}.wl-btn.ghost{color:#f2ece9;background:#121010;border:1px solid #3a302d}.wl-lang{color:#cbc0bb;height:30px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 6px;font-size:13px}.wl-lang:hover{color:#fff;background:#ffffff0d}.wl-lang option{color:#f2ece9;background:#121010}.wl-btn.ghost:hover{background:#181514;border-color:#574945}.wl-hero{text-align:center;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:72px 24px 32px;display:flex}.wl-badge{background:#121010e6;border:1px solid #2f2725;border-radius:4px;align-items:center;gap:10px;padding:5px 12px;font-size:12px;display:inline-flex}.wl-dot{background:#6ee7b7;width:7px;height:7px}.wl-title{letter-spacing:-.05em;margin:28px 0 0;font-size:clamp(36px,6.4vw,72px);font-weight:800;line-height:1.05}.wl-title-line{flex-wrap:wrap;justify-content:center;margin:0;display:flex}.wl-title-grad{margin-top:4px;padding-bottom:.08em;display:inline-block}.wl-sub{color:#948884;max-width:640px;margin:22px 0 0;font-size:15px;line-height:1.7}.wl-prompt{background:#121010f2;border:1px solid #3a302d;border-radius:6px;align-items:center;gap:10px;width:100%;max-width:660px;margin-top:36px;padding:6px 6px 6px 12px;transition:border-color .15s;display:flex}.wl-prompt:focus-within{border-color:var(--wl-accent)}.wl-prompt-caret{color:var(--wl-accent);font-weight:700}.wl-prompt input{color:#f2ece9;min-width:0;height:36px;font:14px var(--wl-mono);background:0 0;border:0;outline:0;flex:1}.wl-prompt input::placeholder{color:#645a56}.wl-chips{flex-wrap:wrap;justify-content:center;gap:6px;max-width:720px;margin-top:12px;display:flex}.wl-chips button{color:#948884;background:#121010;border:1px solid #2f2725;border-radius:4px;padding:4px 10px;font-size:12px;transition:color .12s,border-color .12s}.wl-chips button:hover{color:#fff;border-color:var(--wl-accent)}.wl-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.wl-stats{background:#121010;border:1px solid #2a2321;grid-template-columns:repeat(4,1fr);max-width:900px;margin:28px auto 0;display:grid}.wl-stats>div{flex-direction:column;align-items:center;gap:2px;padding:20px 12px;display:flex}.wl-stats>div+div{border-left:1px solid #2a2321}.wl-stats>div>span:first-child{letter-spacing:-1px;color:var(--wl-accent);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.wl-stats>div>span:last-child{color:#7a6d68;font-size:12px}.wl-section{text-align:center;max-width:1120px;margin:0 auto;padding:104px 24px 0;scroll-margin-top:16px}.wl-eyebrow{color:var(--wl-accent);letter-spacing:.12em;font-size:12px}.wl-eyebrow:before{content:"// ";color:#645a56}.wl-section h2{letter-spacing:-.04em;margin:10px 0 0;font-size:clamp(26px,3.6vw,38px);font-weight:800}.wl-section-sub{color:#948884;max-width:540px;margin:12px auto 0;font-size:14px;line-height:1.7}.wl-card.spotlight-card{text-align:left;border-radius:6px;padding:24px}.wl-card h3{margin:0 0 8px;font-size:16px;font-weight:700}.wl-card p{color:#948884;margin:0;font-size:13px;line-height:1.7}.wl-steps{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px;display:grid}.wl-step-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.wl-step-ic{width:40px;height:40px;color:var(--wl-accent);background:#e4572e14;border:1px solid #e4572e55;border-radius:4px;place-items:center;display:grid}.wl-step-ic svg{width:20px;height:20px}.wl-step-n{color:#3a302d;font-size:28px;font-weight:800}.wl-templates{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:40px;display:grid}.wl-tpl{color:inherit;text-align:left;background:0 0;border:0;border-radius:6px;padding:0;display:block}.wl-tpl:focus-visible{outline:1px solid var(--wl-accent);outline-offset:3px}.wl-tpl-card.spotlight-card{flex-direction:column;height:100%;padding:10px;transition:transform .2s;display:flex}.wl-tpl:hover .wl-tpl-card{transform:translateY(-3px)}.wl-thumb{aspect-ratio:16/10;background:#0c0a09;border:1px solid #ffffff12;border-radius:4px;position:relative;overflow:hidden}.wl-thumb iframe{transform-origin:0 0;pointer-events:none;border:0;position:absolute;top:0;left:0}.wl-thumb-blank{background:repeating-linear-gradient(45deg,#0f0d0c 0 10px,#141110 10px 20px);border-style:dashed;border-color:#3a302d;place-items:center;display:grid}.wl-thumb-blank span{color:#645a56;font-size:28px}.wl-tpl-info{padding:14px 6px 2px}.wl-tpl-open{color:var(--wl-accent);opacity:0;margin:auto 6px 4px;padding-top:10px;font-size:12px;transition:opacity .15s}.wl-tpl:hover .wl-tpl-open,.wl-tpl:focus-visible .wl-tpl-open{opacity:1}.wl-foot{color:#645a56;border-top:1px solid #2a2321;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:104px auto 0;padding:20px 24px;font-size:12px;display:flex}@media (width<=760px){.wl-nav nav{display:none}.wl-nav .wl-btn{margin-left:auto}.wl-hero{padding-top:40px}.wl-prompt{flex-wrap:wrap}.wl-prompt .wl-btn{width:100%}.wl-stats{grid-template-columns:repeat(2,1fr);margin-inline:16px}.wl-stats>div:nth-child(3){border-left:0}.wl-stats>div:nth-child(n+3){border-top:1px solid #2a2321}.wl-steps,.wl-templates{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.wl,.wl-out{animation:none}}.wl-donate{color:#e4572e;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.wl-donate:hover{text-decoration:underline}.wl{background-color:#0c0a09;background-image:radial-gradient(1100px 620px at 50% -12%,#e4572e26,#0000 62%),radial-gradient(700px 520px at 100% 70%,#9c33171c,#0000 62%),radial-gradient(700px 520px at 0 95%,#e4572e12,#0000 60%),linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,56px 56px,56px 56px;background-attachment:local}.wl:before{content:"";z-index:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.wl-dot{background:#e4572e;box-shadow:0 0 0 3px #e4572e33}.wl-donate{color:#e4572e}.wl-nav nav .wl-gh{color:#cbc0bb;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.wl-nav nav .wl-gh:hover{color:#fff;background:#ffffff0d}.wl-foot a,.wl a[href^=\/]{color:inherit;text-underline-offset:3px;text-decoration:underline}.wl-guides{border-top:1px solid #ffffff10;flex-wrap:wrap;justify-content:center;gap:6px 18px;max-width:1120px;margin:0 auto;padding:28px 24px 8px;font-size:13px;display:flex}.wl-guides span{color:#8f837e;text-transform:uppercase;letter-spacing:.08em;align-self:center;font-size:11px}.wl-guides a{color:#cbc0bb;text-decoration:none;transition:color .15s}.wl-guides a:hover{color:#f06a3f}.wl-demo{--loop:12s;max-width:1080px;margin:8px auto 40px;padding:0 24px;position:relative}.wl-demo:before{content:"";z-index:-1;filter:blur(40px);background:radial-gradient(closest-side,#e4572e40,#0000);position:absolute;inset:8% 10% -4%}.wl-demo-bar,.wl-demo-body{background:#0e0c0b;border:1px solid #ffffff14}.wl-demo-bar{color:#8f8580;border-bottom:0;border-radius:10px 10px 0 0;align-items:center;gap:7px;height:34px;padding:0 14px;font-size:12px;display:flex}.wl-demo-bar i{background:#2c2523;border-radius:50%;width:10px;height:10px}.wl-demo-bar i:first-child{background:#e4572e}.wl-demo-bar span{margin-left:10px}.wl-demo-bar em{background:var(--wl-accent);color:#1a0703;border-radius:4px;margin-left:auto;padding:3px 9px;font-size:11px;font-style:normal;font-weight:700}.wl-demo-body{text-align:left;border-radius:0 0 10px 10px;grid-template-columns:150px minmax(0,1fr) 230px;height:440px;display:grid;overflow:hidden;box-shadow:0 40px 80px -30px #000}.wl-demo small{color:#6f6561;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:10px;display:block}.wl-demo-lib{background:#121010;border-right:1px solid #ffffff10;padding:12px}.wl-demo-lib span{color:#a89c97;border:1px solid #ffffff0d;border-radius:4px;align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px;font-size:11px;display:flex}.wl-demo-lib b{background:#2c2523;border-radius:2px;width:14px;height:10px}.wl-demo-lib span:nth-child(3),.wl-demo-lib span:nth-child(5){animation:wl-demo-pick var(--loop) infinite}.wl-demo-canvas{background:radial-gradient(#ffffff0a 1px,#0000 1px) 0 0/16px 16px,#0a0908;place-items:start center;padding:22px;display:grid;position:relative;overflow:hidden}.wl-demo-page{width:100%;max-width:600px;position:relative}.wl-demo-page .wl-thumb{aspect-ratio:16/10;border-color:#ffffff1a}.wl-demo-curtain{transform-origin:50% 100%;animation:wl-demo-build var(--loop) infinite;background:radial-gradient(#ffffff0a 1px,#0000 1px) 0 0/16px 16px,#0a0908;position:absolute;inset:-1px}.wl-demo-sel{border:1.5px solid var(--wl-accent);opacity:0;height:42%;animation:wl-demo-sel var(--loop) infinite;border-radius:4px;position:absolute;top:6%;left:-3px;right:-3px}.wl-demo-chat{background:#121010;border-left:1px solid #ffffff10;flex-direction:column;gap:10px;padding:12px;font-size:11.5px;line-height:1.5;display:flex}.wl-demo-chat p{border-radius:6px;margin:0;padding:9px 11px}.wl-demo-chat .u{color:#f2ece9;max-width:92%;animation:wl-demo-in var(--loop) infinite;background:#e4572e26;align-self:flex-end}.wl-demo-chat .a{color:#cbc0bb;animation:wl-demo-reply var(--loop) infinite;background:#1b1716}.wl-demo-chat ol{color:#8f8580;gap:5px;margin:0;padding:0;list-style:none;display:grid}.wl-demo-chat li{animation:wl-demo-step var(--loop) infinite;align-items:center;gap:7px;display:flex}.wl-demo-chat li:before{content:"";background:#6ee7b7;border-radius:50%;width:7px;height:7px}.wl-demo-chat li:nth-child(2){animation-name:wl-demo-step2}.wl-demo-chat li:nth-child(3){animation-name:wl-demo-step3}.wl-demo-input{color:#6f6561;border:1px solid #ffffff14;border-radius:6px;margin-top:auto;padding:9px 11px}@keyframes wl-demo-in{0%,3%{opacity:0;transform:translateY(6px)}7%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes wl-demo-step{0%,12%{opacity:0}15%,92%{opacity:1}to{opacity:0}}@keyframes wl-demo-step2{0%,20%{opacity:0}23%,92%{opacity:1}to{opacity:0}}@keyframes wl-demo-step3{0%,28%{opacity:0}31%,92%{opacity:1}to{opacity:0}}@keyframes wl-demo-build{0%,30%{transform:scaleY(1)}34%{transform:scaleY(.62)}44%{transform:scaleY(.3)}54%,94%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes wl-demo-reply{0%,56%{opacity:0;transform:translateY(6px)}60%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes wl-demo-sel{0%,66%{opacity:0}70%,88%{opacity:1}92%,to{opacity:0}}@keyframes wl-demo-pick{0%,32%{color:#a89c97;border-color:#ffffff0d}36%,48%{color:#fff;border-color:#e4572e88}54%,to{color:#a89c97;border-color:#ffffff0d}}@media (width<=900px){.wl-demo-body{grid-template-columns:minmax(0,1fr) 200px;height:380px}.wl-demo-lib{display:none}}@media (width<=600px){.wl-demo-body{grid-template-columns:1fr;height:auto}.wl-demo-chat{display:none}}@media (prefers-reduced-motion:reduce){.wl-demo *,.wl-demo :before{opacity:1!important;animation:none!important}.wl-demo-sel,.wl-demo-curtain{display:none}}
