*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-inset-1{inset:-.25rem}.-inset-2{inset:-.5rem}.-inset-px{inset:-1px}.inset-0{inset:0}.\!-bottom-1{bottom:-.25rem!important}.\!-bottom-1\.5{bottom:-.375rem!important}.\!-top-1{top:-.25rem!important}.\!-top-1\.5{top:-.375rem!important}.-bottom-1\/2{bottom:-50%}.-left-1\/2{left:-50%}.-right-1{right:-.25rem}.-right-1\/2{right:-50%}.-top-1{top:-.25rem}.-top-1\/2{top:-50%}.bottom-0{bottom:0}.bottom-8{bottom:2rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.left-\[15\%\]{left:15%}.right-0{right:0}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-1\/4{right:25%}.right-3{right:.75rem}.right-4{right:1rem}.right-48{right:12rem}.right-8{right:2rem}.right-\[15\%\]{right:15%}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-4{top:1rem}.top-full{top:100%}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[1001\]{z-index:1001}.z-\[70\]{z-index:70}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.-mt-2{margin-top:-.5rem}.-mt-3{margin-top:-.75rem}.-mt-4{margin-top:-1rem}.-mt-5{margin-top:-1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-80{margin-right:20rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.\!h-3{height:.75rem!important}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[60vh\]{height:60vh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-56{max-height:14rem}.max-h-\[320px\]{max-height:320px}.min-h-0{min-height:0px}.min-h-\[180px\]{min-height:180px}.min-h-\[36px\]{min-height:36px}.min-h-\[40px\]{min-height:40px}.min-h-\[56px\]{min-height:56px}.min-h-\[72px\]{min-height:72px}.min-h-\[96px\]{min-height:96px}.\!w-3{width:.75rem!important}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[280px\]{width:280px}.w-\[30\%\]{width:30%}.w-\[3px\]{width:3px}.w-\[420px\]{width:420px}.w-\[460px\]{width:460px}.w-\[540px\]{width:540px}.w-\[70\%\]{width:70%}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[120px\]{min-width:120px}.min-w-\[180px\]{min-width:180px}.min-w-\[280px\]{min-width:280px}.min-w-\[300px\]{min-width:300px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[110px\]{max-width:110px}.max-w-\[140px\]{max-width:140px}.max-w-\[180px\]{max-width:180px}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.02\]{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-fade-in{animation:fadeIn .15s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse-slow{animation:pulse 6s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[auto\,1fr\,1fr\,auto\]{grid-template-columns:auto 1fr 1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.\!border-2{border-width:2px!important}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-dashed{border-style:dashed}.border-\[color\:rgba\(var\(--accent-success-rgb\)\,0\.4\)\]{border-color:rgba(var(--accent-success-rgb),.4)}.border-accent-primary{border-color:var(--accent-primary)}.border-amber-500\/30{border-color:#f59e0b4d}.border-amber-500\/40{border-color:#f59e0b66}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity))}.border-green-500\/30{border-color:#22c55e4d}.border-neon-blue{border-color:var(--accent-primary)}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/40{border-color:#ef444466}.border-red-500\/50{border-color:#ef444480}.border-transparent{border-color:transparent}.border-t-accent-primary,.border-t-neon-blue{border-top-color:var(--accent-primary)}.border-t-transparent{border-top-color:transparent}.bg-\[color\:rgba\(var\(--accent-success-rgb\)\,0\.1\)\]{background-color:rgba(var(--accent-success-rgb),.1)}.bg-accent-primary{background-color:var(--accent-primary)}.bg-accent-success{background-color:var(--accent-success)}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-gray-400\/20{background-color:#9ca3af33}.bg-green-400\/25{background-color:#4ade8040}.bg-green-500\/20{background-color:#22c55e33}.bg-neon-blue{background-color:var(--accent-primary)}.bg-pink-400\/25{background-color:#f472b640}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-surface-base{background-color:var(--surface-base)}.bg-surface-overlay{background-color:var(--surface-overlay)}.bg-surface-raised{background-color:var(--surface-raised)}.bg-surface-sunken{background-color:var(--surface-sunken)}.bg-transparent{background-color:transparent}.bg-white\/30{background-color:#ffffff4d}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity))}.bg-yellow-400\/10{background-color:#facc151a}.bg-yellow-400\/25{background-color:#facc1540}.\!bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))!important}.bg-gradient-radial{background-image:radial-gradient(var(--tw-gradient-stops))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.\!from-neon-blue{--tw-gradient-from: var(--accent-primary) var(--tw-gradient-from-position) !important;--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important}.\!from-neon-purple{--tw-gradient-from: var(--accent-secondary) var(--tw-gradient-from-position) !important;--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important}.from-green-400\/80{--tw-gradient-from: rgb(74 222 128 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-neon-blue{--tw-gradient-from: var(--accent-primary) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-400\/80{--tw-gradient-from: rgb(244 114 182 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400\/80{--tw-gradient-from: rgb(250 204 21 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-neon-purple{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--accent-secondary) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-red-500\/50{--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(239 68 68 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/10{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.\!to-neon-pink{--tw-gradient-to: var(--accent-tertiary) var(--tw-gradient-to-position) !important}.\!to-neon-purple{--tw-gradient-to: var(--accent-secondary) var(--tw-gradient-to-position) !important}.to-amber-500\/80{--tw-gradient-to: rgb(245 158 11 / .8) var(--tw-gradient-to-position)}.to-emerald-500\/80{--tw-gradient-to: rgb(16 185 129 / .8) var(--tw-gradient-to-position)}.to-neon-pink{--tw-gradient-to: var(--accent-tertiary) var(--tw-gradient-to-position)}.to-neon-purple{--tw-gradient-to: var(--accent-secondary) var(--tw-gradient-to-position)}.to-rose-500\/80{--tw-gradient-to: rgb(244 63 94 / .8) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[7px\]{font-size:7px}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[color\:var\(--accent-success\)\]{color:var(--accent-success)}.text-accent-danger{color:var(--accent-danger)}.text-accent-primary{color:var(--accent-primary)}.text-accent-secondary{color:var(--accent-secondary)}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.text-neon-blue{color:var(--accent-primary)}.text-neon-green{color:var(--accent-success)}.text-neon-pink{color:var(--accent-tertiary)}.text-neon-purple{color:var(--accent-secondary)}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-txt-inverse{color:var(--text-inverse)}.text-txt-muted{color:var(--text-muted)}.text-txt-primary{color:var(--text-primary)}.text-txt-secondary{color:var(--text-secondary)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.placeholder-txt-muted::-moz-placeholder{color:var(--text-muted)}.placeholder-txt-muted::placeholder{color:var(--text-muted)}.accent-green-500{accent-color:#22c55e}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(0\,212\,255\,0\.15\)\]{--tw-shadow: 0 0 12px rgba(0,212,255,.15);--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_0_10px_rgba\(124\,58\,237\,0\.25\)\]{--tw-shadow: inset 0 0 10px rgba(124,58,237,.25);--tw-shadow-colored: inset 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_0_10px_rgba\(37\,99\,235\,0\.2\)\]{--tw-shadow: inset 0 0 10px rgba(37,99,235,.2);--tw-shadow-colored: inset 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-cyan-400\/60{--tw-ring-color: rgb(34 211 238 / .6)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-md{--tw-blur: blur(12px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur: blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-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-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--neon-blue: var(--accent-primary);--neon-purple: var(--accent-secondary);--neon-pink: var(--accent-tertiary);--neon-cyan: var(--accent-primary);--neon-green: var(--accent-success);--glass-bg: var(--surface-overlay);--glass-border: var(--border-subtle);--accent-primary: #2563eb;--accent-primary-rgb: 37, 99, 235;--accent-secondary: #7c3aed;--accent-secondary-rgb: 124, 58, 237;--accent-tertiary: #db2777;--accent-tertiary-rgb: 219, 39, 119;--accent-success: #16a34a;--accent-success-rgb: 22, 163, 74;--accent-danger: #dc2626;--accent-danger-rgb: 220, 38, 38;--surface-base: #f8fafc;--surface-raised: #ffffff;--surface-overlay: rgba(255, 255, 255, .9);--surface-sunken: #f1f5f9;--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-accent: rgba(37, 99, 235, .4);--text-primary: #0f172a;--text-secondary: #1f2937;--text-muted: rgba(15, 23, 42, .65);--gradient-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 50%, #db2777 100%);--gradient-surface: #f8fafc;--gradient-sidebar-brand: linear-gradient(90deg, transparent, #2563eb, transparent);--shadow-md: 0 8px 32px rgba(0, 0, 0, .2);--shadow-lg: 0 25px 60px rgba(0, 0, 0, .35);--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8;--input-bg: #ffffff;--input-border: rgba(0, 0, 0, .12);--input-focus-border: #2563eb;--input-focus-glow: 0 0 0 3px rgba(37, 99, 235, .1);--theme-transition: none;--backdrop-blur: 0px;--glow-primary: rgba(37, 99, 235, .06);--glow-secondary: rgba(124, 58, 237, .06)}.app-shell{display:flex;flex-direction:column;height:100vh}.context-strip{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-subtle);background:var(--surface-raised)}.context-left{display:flex;align-items:center;gap:12px}.context-left-dashboard{gap:20px}.product-title{font-size:18px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary)}.context-title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.context-title-right{margin-left:auto}.context-app{display:inline-flex;align-items:center;gap:10px;padding:4px 8px;border-radius:999px;background:var(--surface-sunken);border:1px solid var(--border-subtle)}.context-app-name{font-size:12px;font-weight:600;color:var(--text-primary)}.context-app-branch{font-size:10px;color:var(--accent-primary);font-weight:600}.context-right{display:flex;align-items:center;gap:8px}.context-btn{height:34px;padding:0 14px;border-radius:9px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--surface-sunken);border:1px solid var(--border-subtle)}.context-btn:hover{color:var(--text-primary);border-color:var(--border-accent);background:var(--surface-raised);box-shadow:0 8px 18px rgba(var(--accent-primary-rgb),.18)}.app-body{display:flex;flex:1;min-height:0}.action-stack{width:56px;display:flex;flex-direction:column;gap:10px;padding:12px 8px;border-right:1px solid var(--border-subtle);background:var(--surface-raised)}.stack-btn{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-sunken);border:1px solid var(--border-default);color:var(--text-secondary);box-shadow:0 0 0 1px rgba(var(--accent-primary-rgb),.08);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,color .14s ease,background .14s ease}.stack-btn:hover{color:var(--text-primary);border-color:var(--border-accent);background:var(--surface-raised);box-shadow:0 8px 20px rgba(var(--accent-primary-rgb),.18);transform:translateY(-1px)}.stack-btn-bottom{margin-top:auto}.workspace{flex:1;min-width:0;min-height:0;padding:12px;background:var(--surface-base)}.login-workspace{padding:0}.login-pane{height:100%}.pane-grid{display:grid;grid-template-columns:var(--sidebar-width, 292px) 4px minmax(0,1fr);gap:12px;height:100%}.pane-grid.with-side{gap:8px}.pane-grid.full{grid-template-columns:minmax(0,1fr)}.pane{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;min-height:0}.main-pane,.single-pane{display:flex;flex-direction:column;min-height:0}.single-pane{height:100%}.side-pane{display:flex;flex-direction:column;min-height:0}.sidebar-resizer{width:4px;cursor:col-resize;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-resizer:before{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:1px;transform:translate(-50%);border-radius:999px;background:rgba(var(--accent-primary-rgb),.08);transition:background .15s ease}.sidebar-resizer:hover:before{background:rgba(var(--accent-primary-rgb),.22)}.resizing-sidebar,.resizing-sidebar *{cursor:col-resize!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.command-dock{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;border-top:1px solid var(--border-subtle);background:var(--surface-raised);font-size:10px;color:var(--text-muted)}[data-theme-category=light] .app-shell,[data-theme-category=light] .pane,[data-theme-category=light] .context-strip,[data-theme-category=light] .command-dock{color:var(--text-primary)}[data-theme-category=light] .glass,[data-theme-category=light] .pane,[data-theme-category=light] .toolbar-ide,[data-theme-category=light] .context-app{border-color:var(--border-default)}[data-theme-category=light] .context-title,[data-theme-category=light] .mini-label,[data-theme-category=light] .dock-user{color:var(--text-secondary);font-weight:600}.dock-btn{height:26px;padding:0 10px;border-radius:8px;font-size:11px;font-weight:600;background:var(--surface-sunken);border:1px solid var(--border-subtle);color:var(--text-secondary)}.dock-btn:hover{color:var(--text-primary);border-color:var(--border-accent);background:var(--surface-raised);box-shadow:0 8px 18px rgba(var(--accent-primary-rgb),.18)}.app-page-btn:hover{color:var(--text-primary);border-color:var(--border-accent);background:var(--surface-raised);box-shadow:0 8px 20px rgba(var(--accent-primary-rgb),.22)}.app-page-cta:hover{box-shadow:0 10px 22px rgba(var(--accent-primary-rgb),.28)}.app-list-row:hover{background:var(--surface-sunken)}.app-list-row.is-active{background:var(--surface-sunken);border-left:3px solid var(--accent-primary);box-shadow:inset 0 0 0 1px var(--border-accent)}html,body,#root{height:100%;margin:0;padding:0;background:var(--gradient-surface);color:var(--text-primary)}html{transition:var(--theme-transition, none)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}#app-shell{display:flex;height:100%;position:relative;overflow:hidden}#app-shell:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,var(--glow-primary) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--glow-secondary) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(var(--accent-tertiary-rgb),.1) 0%,transparent 40%);pointer-events:none;z-index:0}[data-animate-orbs=false] #app-shell:before,[data-animate-orbs=false]#app-shell:before{display:none}#content-container{flex:1;overflow-y:auto;position:relative;z-index:1}.view{display:flex;flex-direction:column;height:100%}.glass{background:var(--surface-raised);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur))}.glass-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));transition:border-color .15s ease,box-shadow .15s ease}.glass-card:hover{border-color:rgba(var(--accent-primary-rgb),.3);box-shadow:var(--shadow-lg)}.btn-primary{position:relative;overflow:hidden;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.2),rgba(var(--accent-secondary-rgb),.2));border:1px solid rgba(var(--accent-primary-rgb),.5);color:var(--accent-primary);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.4),rgba(var(--accent-secondary-rgb),.4));border-color:var(--accent-primary);box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.3);color:var(--text-primary)}.btn-primary:hover:before{left:100%}.save-btn{padding:8px 20px;font-size:14px;line-height:1}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.ghost-btn{border-radius:.5rem;padding:.5rem 1rem;font-weight:600;color:var(--text-primary);border:1px solid var(--border-default);background:var(--surface-overlay);transition:border-color .15s ease,background .15s ease,color .15s ease}.ghost-btn:hover{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1);box-shadow:0 0 20px rgba(var(--accent-primary-rgb),.2);color:var(--accent-primary)}.btn-danger{position:relative;overflow:hidden;border-radius:.5rem;padding:.5rem 1rem;font-weight:700;background:linear-gradient(135deg,rgba(var(--accent-danger-rgb),.3),rgba(var(--accent-tertiary-rgb),.3));border:1px solid rgba(var(--accent-danger-rgb),.5);color:var(--accent-danger);transition:background .15s ease,box-shadow .15s ease,color .15s ease}.btn-danger:hover{background:linear-gradient(135deg,rgba(var(--accent-danger-rgb),.5),rgba(var(--accent-tertiary-rgb),.5));box-shadow:0 0 12px rgba(var(--accent-danger-rgb),.3);color:var(--text-primary)}.btn-neon{position:relative;padding:12px 24px;font-weight:600;color:var(--text-primary);background:transparent;border:2px solid var(--accent-primary);border-radius:8px;overflow:hidden;transition:box-shadow .3s ease}.btn-neon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent-primary);transform:translate(-100%);transition:transform .3s ease;z-index:-1}.btn-neon:hover:before{transform:translate(0)}.btn-neon:hover{box-shadow:0 0 20px var(--accent-primary)}#main-sidebar{background:var(--surface-raised);border:1px solid var(--border-subtle);box-shadow:none}.sidebar-brand{position:relative}.sidebar-brand:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:var(--gradient-sidebar-brand)}.sidebar-brand.no-brand-divider:after{display:none}.sidebar-brand .logo{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);display:inline-block;margin-right:10px;text-align:center;line-height:32px;border-radius:8px;box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.2)}.sidebar-brand img,.sidebar-collapsed-logo{filter:none!important;box-shadow:none!important}.agent-tile{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:12px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.agent-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-sidebar-brand);opacity:0;transition:opacity .3s ease}.agent-tile:hover{border-color:rgba(var(--accent-primary-rgb),.5);background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.1),rgba(var(--accent-secondary-rgb),.1));box-shadow:0 4px 16px #0000004d}.agent-tile.bg-surface-sunken{box-shadow:inset 0 0 0 1px rgba(var(--accent-primary-rgb),.2)}.agent-tile:hover:before{opacity:1}.agent-tile.selected,.agent-tile[class*=border-neon-blue]{border-color:var(--accent-primary);box-shadow:0 0 20px rgba(var(--accent-primary-rgb),.3)}.agent-tile.selected:before,.agent-tile[class*=border-neon-blue]:before{opacity:1}.agent-icon img{transition:box-shadow .3s ease;border-radius:8px}.agent-tile:hover .agent-icon img{box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.5)}.app-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:20px;padding:2rem;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.app-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.1),rgba(var(--accent-secondary-rgb),.1));opacity:0;transition:opacity .4s ease}.app-card:after{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:21px;z-index:-1;opacity:0;transition:opacity .4s ease}.app-card:hover{border-color:transparent;box-shadow:var(--shadow-lg)}.app-card:hover:before{opacity:1}.app-card:hover:after{opacity:1}.app-card .app-icon{font-size:3rem;margin-bottom:1rem}.app-badge{background:var(--surface-raised);border:1px solid rgba(var(--accent-primary-rgb),.3);border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.auth-card{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:24px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;animation:none}.auth-card:before{content:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card img{filter:none}input[type=text],input[type=email],input[type=password],textarea,select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;color:var(--text-primary);padding:14px 16px;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-glow);background:var(--surface-sunken)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted)}#agent-editor{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.editor-top-row{margin-bottom:1.5rem}.editor-stepper{display:flex;align-items:center;gap:16px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-raised)}.editor-stepper .step{display:inline-flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted)}.editor-stepper .step-dot{width:6px;height:6px;border-radius:50%;background:var(--border-default)}.editor-stepper .step.active{color:var(--text-primary)}.editor-stepper .step.active .step-dot{background:var(--accent-primary)}.editor-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.editor-top-row>div:first-child{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-md)}.editor-nav{border-bottom:1px solid var(--border-subtle)!important;position:relative}.tab-link{position:relative;padding:12px 0;font-weight:500;transition:color .3s ease}.tab-link:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transform:scaleX(0);transition:transform .3s ease}.tab-link:hover,.tab-link.active,.tab-link[class*=text-blue-500]{color:var(--accent-primary)!important}.tab-link.active:after,.tab-link[class*=border-blue-500]:after{transform:scaleX(1)}.tab-link[class*=text-yellow-400]{color:#fbbf24!important;text-shadow:0 0 10px rgba(251,191,36,.5)}.modal-overlay{background:#000c}.modal-content,.confirmation-dialog{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:20px;box-shadow:var(--shadow-lg);animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[class*="group-hover:visible"]{background:var(--surface-raised);border:1px solid rgba(var(--accent-primary-rgb),.3);border-radius:8px;box-shadow:var(--shadow-md);padding:8px 12px;font-size:.75rem;color:var(--accent-primary)}.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;background:var(--gradient-surface);padding:20px}.header-input-minimal:-moz-read-only{border-bottom-color:transparent;cursor:default}.header-input-minimal:read-only{border-bottom-color:transparent;cursor:default}.header-input-minimal:disabled{border-bottom-color:transparent;cursor:default;color:var(--text-primary)}.with-sidebar{margin-left:16rem}.react-flow__background{background:radial-gradient(circle at center,rgba(var(--accent-primary-rgb),.03) 0%,transparent 70%)}.react-flow__node{transition:box-shadow .3s ease}.react-flow__node:hover{box-shadow:0 0 15px rgba(var(--accent-primary-rgb),.4)}.react-flow__edge-path{stroke:rgba(var(--accent-primary-rgb),.6);stroke-width:2}.react-flow__controls{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-md)}.react-flow__controls-button{background:transparent;border:none;color:var(--text-secondary);transition:background .3s ease,color .3s ease}.react-flow__controls-button:hover{background:rgba(var(--accent-primary-rgb),.2);color:var(--accent-primary)}.react-flow__minimap{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:12px}@keyframes dash-animation{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.animated-edge{animation:dash-animation 30s linear infinite;stroke-dasharray:5,5;stroke:var(--accent-success)}.animated-node{border-style:solid;border-width:2px;border-color:var(--accent-success);animation:pulse-glow 2s ease-in-out infinite;box-shadow:0 0 20px rgba(var(--accent-success-rgb),.3)}.status-mini{color:var(--text-muted);font-size:.7rem;transition:color .3s ease}.status-mini[class*=Saving]{color:var(--accent-primary);animation:pulse 1s ease-in-out infinite}.empty-state{color:var(--text-muted);font-size:1.2rem}.empty-state h3{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#agent-dashboard .empty-state{justify-content:flex-start;align-items:stretch}#agent-dashboard .overview-scroll{min-height:0;overflow:auto}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-blue{box-shadow:0 0 20px rgba(var(--accent-primary-rgb),.4)}.glow-purple{box-shadow:0 0 20px rgba(var(--accent-secondary-rgb),.4)}.glow-pink{box-shadow:0 0 20px rgba(var(--accent-tertiary-rgb),.4)}.hover-lift{transition:box-shadow .15s ease}.hover-lift:hover{box-shadow:var(--shadow-lg)}.border-gradient{position:relative;border-radius:16px;overflow:hidden}.border-gradient:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary),var(--accent-primary));background-size:300% 300%;animation:gradientBorder 4s ease infinite;border-radius:inherit;z-index:-1}@keyframes gradientBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.shimmer{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);background-size:200% 100%;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.styled-editor-wrapper{position:relative}.editor-glass-container{background:var(--surface-raised);border:1px solid rgba(var(--accent-primary-rgb),.15);transition:border-color .3s ease,box-shadow .3s ease}.editor-glass-container:hover{border-color:rgba(var(--accent-primary-rgb),.3);box-shadow:0 0 15px rgba(var(--accent-primary-rgb),.1)}.editor-glass-container:focus-within{border-color:rgba(var(--accent-primary-rgb),.5);box-shadow:0 0 20px rgba(var(--accent-primary-rgb),.15)}.monaco-editor{border-radius:12px!important}[data-theme-category=dark] .monaco-editor,[data-theme-category=dark] .monaco-editor-background,[data-theme-category=dark] .monaco-editor .margin{background-color:var(--surface-base)!important}[data-theme-category=light] .monaco-editor,[data-theme-category=light] .monaco-editor-background,[data-theme-category=light] .monaco-editor .margin{background-color:var(--surface-sunken)!important}[data-theme-category=light] .monaco-editor .mtk1{color:var(--text-primary)!important}.monaco-editor .margin{background:transparent!important}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider{background:var(--scrollbar-thumb)!important;border-radius:4px!important}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider:hover{background:var(--scrollbar-thumb-hover)!important}.monaco-editor .scroll-decoration{box-shadow:none!important}.monaco-editor .selected-text{background-color:rgba(var(--accent-primary-rgb),.2)!important}.monaco-editor .current-line{border-left:2px solid rgba(var(--accent-primary-rgb),.5)!important}.monaco-editor .minimap{opacity:.7;transition:opacity .3s ease}.monaco-editor:hover .minimap{opacity:1}.monaco-editor .minimap-slider{background:rgba(var(--accent-primary-rgb),.2)!important}.monaco-editor .minimap-slider:hover{background:rgba(var(--accent-primary-rgb),.3)!important}.monaco-editor .suggest-widget{background:var(--surface-raised)!important;border:1px solid rgba(var(--accent-primary-rgb),.3)!important;border-radius:12px!important;box-shadow:var(--shadow-md)!important}.monaco-editor .suggest-widget .monaco-list-row.focused{background:rgba(var(--accent-primary-rgb),.15)!important}.monaco-editor .suggest-widget .monaco-list-row:hover{background:rgba(var(--accent-primary-rgb),.1)!important}.monaco-editor .monaco-hover{background:var(--surface-raised)!important;border:1px solid rgba(var(--accent-primary-rgb),.3)!important;border-radius:12px!important;box-shadow:var(--shadow-md)!important}.monaco-editor .parameter-hints-widget{background:var(--surface-raised)!important;border:1px solid rgba(var(--accent-primary-rgb),.3)!important;border-radius:12px!important}.monaco-editor .find-widget{background:var(--surface-raised)!important;border:1px solid rgba(var(--accent-primary-rgb),.3)!important;border-radius:12px!important;box-shadow:var(--shadow-md)!important}.monaco-editor .find-widget input{background:var(--surface-sunken)!important;border:1px solid var(--border-subtle)!important;border-radius:6px!important}.monaco-editor .find-widget input:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 10px rgba(var(--accent-primary-rgb),.2)!important}.monaco-editor .monaco-menu{background:var(--surface-raised)!important;border:1px solid rgba(var(--accent-primary-rgb),.3)!important;border-radius:12px!important;box-shadow:var(--shadow-md)!important}.monaco-editor .monaco-menu .monaco-action-bar.vertical .action-item.focused{background:rgba(var(--accent-primary-rgb),.15)!important}.monaco-editor .bracket-highlighting-0{color:var(--accent-primary)!important}.monaco-editor .bracket-highlighting-1{color:var(--accent-secondary)!important}.monaco-editor .bracket-highlighting-2{color:var(--accent-tertiary)!important}.monaco-editor .bracket-highlighting-3{color:var(--accent-primary)!important}.monaco-editor .bracket-highlighting-4{color:var(--accent-success)!important}.monaco-editor .line-numbers:hover{color:var(--accent-primary)!important;text-shadow:0 0 10px rgba(var(--accent-primary-rgb),.5)}.editor-header{background:var(--surface-raised)}.ide-frame{background:var(--surface-raised);border:1px solid rgba(var(--accent-primary-rgb),.15)!important;border-radius:16px!important;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.ide-frame:hover{border-color:rgba(var(--accent-primary-rgb),.3)!important;box-shadow:0 0 15px rgba(var(--accent-primary-rgb),.1)}.ide-status-bar{background:var(--surface-raised)!important;border-bottom:1px solid rgba(var(--accent-primary-rgb),.1)!important}.toolbar-ide{background:var(--surface-raised);border-radius:12px;padding:4px 8px;border:1px solid var(--border-subtle)}.toolbar-btn{padding:8px 10px;font-size:10px;line-height:1}#logic .create-tool-input{padding:4px 8px!important;min-height:28px;border-radius:8px}#logic .create-tool-btn{padding:6px 10px;min-height:28px}#logic .create-tool-cancel-btn{padding:6px 8px;font-size:11px;line-height:1;border-radius:8px}#logic .create-tool-suffix{font-size:11px;line-height:1;margin-left:-6px;margin-right:2px}#logic .create-tool-buttons{margin-left:20px;display:flex;gap:8px;align-items:center}.custom-select{background:var(--surface-sunken)!important;border:1px solid var(--border-subtle)!important;border-radius:10px!important;transition:border-color .3s ease,box-shadow .3s ease;color:var(--text-primary)!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:hover{border-color:rgba(var(--accent-primary-rgb),.3)!important}.custom-select:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 15px rgba(var(--accent-primary-rgb),.2)!important;outline:none}.custom-select option,.custom-select optgroup{background:var(--surface-raised);color:var(--text-primary)}.branch-select-btn:focus{outline:none;border-color:var(--accent-primary)!important;box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.2)}.branch-dropdown{background:var(--surface-raised);border:1px solid var(--border-default);box-shadow:var(--shadow-md)}.branch-option:hover,.branch-option:focus{background:var(--surface-overlay);outline:none}.workflow-node{transition:box-shadow .15s ease}.workflow-node:hover{box-shadow:0 8px 24px #0006!important}.workflow-node-start{animation:workflow-start-pulse 3s ease-in-out infinite}@keyframes workflow-start-pulse{0%,to{box-shadow:0 0 20px rgba(var(--accent-success-rgb),.2)!important}50%{box-shadow:0 0 30px rgba(var(--accent-success-rgb),.35)!important}}.workflow-yaml-panel{background:var(--surface-raised);border-left:1px solid var(--border-subtle)}.workflow-yaml-panel textarea{font-family:SF Mono,Fira Code,Monaco,monospace;line-height:1.6}.workflow-controls{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:12px;padding:8px 12px;box-shadow:var(--shadow-md)}.react-flow__handle{transition:transform .2s ease,box-shadow .2s ease!important}.react-flow__handle:hover{transform:scale(1.3)!important;box-shadow:0 0 15px currentColor!important}.react-flow__edge-path{stroke-dasharray:5,5}.react-flow__edge:hover .react-flow__edge-path{stroke:var(--accent-primary)!important;stroke-width:3!important}.react-flow__connection-line{stroke:var(--accent-secondary)!important;stroke-width:2!important;stroke-dasharray:5,5}.react-flow__node.selected .workflow-node{border-color:var(--accent-primary)!important;box-shadow:0 0 20px rgba(var(--accent-primary-rgb),.3),0 8px 32px #0006!important}.react-flow__minimap-node{fill:rgba(var(--accent-primary-rgb),.6)!important;stroke:rgba(var(--accent-primary-rgb),.8)!important;stroke-width:1!important}.react-flow__attribution{display:none!important}.workflow-yaml-toggle{transition:background .3s ease,border-color .3s ease,color .3s ease}.workflow-yaml-toggle:hover{background:rgba(var(--accent-primary-rgb),.2)!important;border-color:rgba(var(--accent-primary-rgb),.4)!important;color:var(--accent-primary)!important}.workflow-node .group:hover>div{border-color:rgba(var(--accent-primary-rgb),.3)!important;background:var(--surface-sunken)!important}.workflow-add-step{position:relative}.workflow-add-step:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.workflow-add-step:hover:after{opacity:.5}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-animate-orbs=true] #app-shell:before{display:none}}[data-reduce-motion=true] *,[data-reduce-motion=true] *:before,[data-reduce-motion=true] *:after{animation:none!important;transition:none!important}[data-reduce-motion=true] [data-animate-orbs=true] #app-shell:before{display:none}.animate-fade-in,.animate-slide-down,.animate-pulse,.animate-pulse-slow,.animate-spin,.animate-scale-in,.shimmer{animation:none!important}.hover\:rotate-90:hover{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-accent-primary:hover{border-color:var(--accent-primary)}.hover\:bg-red-500\/40:hover{background-color:#ef444466}.hover\:bg-surface-overlay:hover{background-color:var(--surface-overlay)}.hover\:bg-surface-raised:hover{background-color:var(--surface-raised)}.hover\:bg-surface-sunken:hover{background-color:var(--surface-sunken)}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}.hover\:text-accent-danger:hover{color:var(--accent-danger)}.hover\:text-accent-primary:hover,.hover\:text-neon-blue:hover{color:var(--accent-primary)}.hover\:text-txt-primary:hover{color:var(--text-primary)}.hover\:text-txt-secondary:hover{color:var(--text-secondary)}.hover\:opacity-100:hover{opacity:1}.focus\:border-neon-blue:focus{border-color:var(--accent-primary)}.focus\:border-red-500:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-70:disabled{opacity:.7}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-\[9px\]{font-size:9px}.group:hover .group-hover\:text-accent-primary{color:var(--accent-primary)}.group:hover .group-hover\:text-txt-primary{color:var(--text-primary)}.group:hover .group-hover\:text-txt-secondary{color:var(--text-secondary)}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-60{opacity:.6}@media(min-width:640px){.sm\:flex{display:flex}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[120px_1fr_140px\]{grid-template-columns:120px 1fr 140px}.md\:grid-cols-\[140px_1fr_1fr\]{grid-template-columns:140px 1fr 1fr}}@media(min-width:1024px){.lg\:w-\[420px\]{width:420px}.lg\:grid-cols-\[minmax\(280px\,360px\)_1fr\]{grid-template-columns:minmax(280px,360px) 1fr}.lg\:flex-row{flex-direction:row}}@media(min-width:1280px){.xl\:col-span-2{grid-column:span 2 / span 2}.xl\:w-\[480px\]{width:480px}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:-webkit-max-content;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:grab}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.test-widget-fab{position:fixed;right:24px;bottom:140px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--neon-blue) 0%,var(--neon-purple) 100%);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(var(--accent-primary-rgb),.4)}.test-widget-fab:hover{transform:scale(1.1) rotate(10deg);box-shadow:0 8px 30px rgba(var(--accent-primary-rgb),.5)}.test-widget-fab:active{transform:scale(.95)}.fab-pulse{position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));opacity:.5;animation:fabPulse 2s ease-out infinite;z-index:-1}@keyframes fabPulse{0%{opacity:.5}to{opacity:0}}.test-widget{position:fixed;background:var(--surface-base);background-color:var(--surface-base);border:1px solid rgba(255,255,255,.1);border-radius:20px;display:flex;flex-direction:column;z-index:100;overflow:hidden;box-shadow:0 25px 80px #0009;animation:widgetSlideIn .4s cubic-bezier(.4,0,.2,1) forwards;animation-fill-mode:none;transition:width .3s ease,height .3s ease,top .3s ease,left .3s ease,border-radius .3s ease;left:var(--widget-left, auto);top:var(--widget-top, auto);right:var(--widget-right, auto);bottom:var(--widget-bottom, auto)}[data-theme-category=light] .test-widget{background:var(--surface-base);background-color:var(--surface-base);border:1px solid var(--border-default);box-shadow:var(--shadow-lg)}.test-widget:after{content:"";position:absolute;inset:0;background:#00000014;opacity:0;pointer-events:none;z-index:5}.test-widget>*{position:relative;z-index:1}.test-widget:hover:after{opacity:1}.test-widget:hover .widget-header,.test-widget:hover .widget-tabs,.test-widget:hover .session-controls,.test-widget:hover .input-area,.test-widget:hover .messages-area,.test-widget:hover .logs-area,.test-widget:hover .performance-container,.test-widget:hover .chat-toolbar,.test-widget:hover .logs-header{background:var(--surface-sunken)!important}.test-widget:hover .input-wrapper{background:#00000059}.test-widget:hover .message-input{color:var(--text-primary)}.test-widget.size-docked{width:400px;height:550px;--widget-right: 24px;--widget-bottom: 72px;--widget-left: auto;--widget-top: auto}.test-widget.size-centered{width:550px;height:680px;--widget-left: calc(50% - 275px) ;--widget-top: calc(50% - 340px) ;--widget-right: auto;--widget-bottom: auto}.test-widget.size-fullscreen{width:100vw;height:100vh;--widget-left: 0;--widget-top: 0;--widget-right: auto;--widget-bottom: auto;border-radius:0;transform:none}.test-widget.size-fullscreen .widget-header{cursor:default}.test-widget.minimized{height:auto!important;animation:widgetMinimize .3s ease-out}@keyframes widgetSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes widgetMinimize{0%{opacity:.8}to{opacity:1}}.widget-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(var(--accent-primary-rgb),.05) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(var(--accent-secondary-rgb),.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.widget-border-glow{position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.3),rgba(var(--accent-secondary-rgb),.3),rgba(var(--accent-tertiary-rgb),.3));z-index:-2;opacity:0;transition:opacity .3s ease}.test-widget:hover .widget-border-glow{opacity:1}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.08);-webkit-user-select:none;-moz-user-select:none;user-select:none}.widget-header.draggable{cursor:grab}.test-widget.dragging .widget-header.draggable{cursor:grabbing}.header-left{display:flex;align-items:center;gap:12px}.widget-title{font-size:14px;font-weight:600;color:#fff;text-shadow:0 0 10px rgba(var(--accent-primary-rgb),.3);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-dot{width:8px;height:8px;border-radius:50%;transition:background .3s ease,box-shadow .3s ease}.status-idle{background:#ef44441f;color:#fca5a5}.status-idle .status-dot{background:#ef4444;box-shadow:0 0 8px #ef4444b3}.status-connecting{background:#ffc10733;color:#ffc107}.status-connecting .status-dot{background:#ffc107;animation:statusPulse 1s ease-in-out infinite}.status-running{background:#4ade802e;color:var(--neon-green)}.status-running .status-dot{background:var(--neon-green);box-shadow:0 0 10px #4ade80e6;animation:livePulse 1.5s ease-in-out infinite}.status-error{background:#ef444433;color:#ef4444}.status-error .status-dot{background:#ef4444;box-shadow:0 0 10px #ef4444}.status-success{background:#4ade8033;color:var(--neon-green)}.status-success .status-dot{background:var(--neon-green);box-shadow:0 0 10px var(--neon-green);animation:statusSuccess .5s ease-out}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes statusSuccess{0%{transform:scale(0)}50%{transform:scale(1.5)}to{transform:scale(1)}}.header-controls{display:flex;align-items:center;gap:4px}.header-btn{width:32px;height:32px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease}.header-btn:hover{background:rgba(var(--accent-primary-rgb),.1);border-color:rgba(var(--accent-primary-rgb),.3);color:var(--neon-blue)}.header-btn.active{background:rgba(var(--accent-primary-rgb),.15);border-color:var(--neon-blue);color:var(--neon-blue)}.header-btn.size-btn{background:rgba(var(--accent-secondary-rgb),.1);border-color:rgba(var(--accent-secondary-rgb),.3);color:var(--neon-purple)}.header-btn.size-btn:hover{background:rgba(var(--accent-secondary-rgb),.2);border-color:var(--neon-purple)}.header-btn.close-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.widget-tabs{display:flex;gap:4px;padding:8px 12px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;background:transparent;border:1px solid transparent;color:#666;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;position:relative}.tab-btn:hover{background:#ffffff0d;color:#aaa}.tab-btn.active{background:rgba(var(--accent-primary-rgb),.1);border-color:rgba(var(--accent-primary-rgb),.3);color:var(--neon-blue)}.tab-btn.active:after{content:"";position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:30px;height:2px;background:linear-gradient(90deg,transparent,var(--neon-blue),transparent)}.tab-badge{padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;background:rgba(var(--accent-primary-rgb),.2);color:var(--neon-blue)}.tab-badge.logs{background:rgba(var(--accent-secondary-rgb),.2);color:var(--neon-purple)}.session-controls{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:30;overflow:visible}.session-btn{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease,transform .3s ease;border:1px solid transparent;position:relative;overflow:hidden}.session-btn.start-btn{background:linear-gradient(135deg,#4ade8033,#22d3ee33);border-color:#4ade8066;color:var(--neon-green)}.session-btn.start-btn:hover:not(:disabled){background:linear-gradient(135deg,#4ade804d,#22d3ee4d);box-shadow:0 0 20px #4ade804d;transform:translateY(-1px)}.session-btn.start-btn:disabled{opacity:.5;cursor:not-allowed}.session-btn.new-btn{background:rgba(var(--accent-primary-rgb),.15);border-color:rgba(var(--accent-primary-rgb),.3);color:var(--neon-blue)}.session-btn.new-btn:hover{background:rgba(var(--accent-primary-rgb),.25);box-shadow:0 0 15px rgba(var(--accent-primary-rgb),.2)}.session-btn.stop-btn{background:linear-gradient(135deg,#ef444433,#dc262659);border-color:#ef44448c;color:#fecaca;box-shadow:0 0 12px #ef444440}.session-btn.stop-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef444459,#be123c73);box-shadow:0 0 20px #ef444459;transform:translateY(-1px)}.session-btn.stop-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 140% at 20% 0%,rgba(255,255,255,.18),transparent 60%);opacity:.7;pointer-events:none}.session-btn.end-btn{background:#ef444426;border-color:#ef44444d;color:#f87171}.session-btn.end-btn:hover{background:#ef444440;box-shadow:0 0 15px #ef444433}.session-id{margin-left:auto;flex:0 0 auto;display:flex;align-items:center;gap:6px;font-size:11px;color:#888;font-family:monospace;background:#ffffff0d;padding:4px 10px;border-radius:6px;white-space:nowrap}.test-widget.size-docked .session-id{font-size:9px;padding:2px 6px;gap:4px;max-width:110px}.test-widget.size-docked .session-label{display:none}.session-live-dot{width:6px;height:6px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 8px var(--neon-green);animation:livePulse 1.5s ease-in-out infinite}[data-theme-category=light] .test-widget-fab{background:var(--surface-raised);color:var(--accent-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}[data-theme-category=light] .test-widget:after{background:#0000000d}[data-theme-category=light] .widget-header{background:var(--surface-raised);border-bottom:1px solid var(--border-subtle)}[data-theme-category=light] .widget-title{color:var(--text-primary);text-shadow:none}[data-theme-category=light] .widget-tabs,[data-theme-category=light] .session-controls{background:var(--surface-sunken);border-bottom:1px solid var(--border-subtle)}[data-theme-category=light] .header-btn{border-color:var(--border-default);color:var(--text-secondary)}[data-theme-category=light] .header-btn:hover,[data-theme-category=light] .header-btn.active{background:rgba(var(--accent-primary-rgb),.08);border-color:rgba(var(--accent-primary-rgb),.35);color:var(--accent-primary)}[data-theme-category=light] .tab-btn{color:var(--text-secondary)}[data-theme-category=light] .tab-btn:hover{background:rgba(var(--accent-primary-rgb),.06);color:var(--text-primary)}[data-theme-category=light] .tab-btn.active{background:rgba(var(--accent-primary-rgb),.12);border-color:rgba(var(--accent-primary-rgb),.35);color:var(--accent-primary)}[data-theme-category=light] .tab-btn.active:after{background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}[data-theme-category=light] .tab-badge,[data-theme-category=light] .tab-badge.logs{background:rgba(var(--accent-primary-rgb),.16);color:var(--accent-primary)}[data-theme-category=light] .session-btn{border-color:var(--border-subtle);color:var(--text-primary)}[data-theme-category=light] .session-btn.start-btn{background:rgba(var(--accent-success-rgb),.15);border-color:rgba(var(--accent-success-rgb),.4);color:var(--accent-success)}[data-theme-category=light] .session-btn.new-btn{background:rgba(var(--accent-primary-rgb),.12);border-color:rgba(var(--accent-primary-rgb),.3);color:var(--accent-primary)}[data-theme-category=light] .session-btn.stop-btn,[data-theme-category=light] .session-btn.end-btn{background:rgba(var(--accent-danger-rgb),.12);border-color:rgba(var(--accent-danger-rgb),.35);color:var(--accent-danger);box-shadow:none}[data-theme-category=light] .session-id{background:var(--surface-sunken);color:var(--text-secondary)}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.chat-toolbar{display:flex;justify-content:flex-end;padding:6px 16px 0;background:transparent;border-bottom:none}.messages-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:16px;overflow-anchor:none;overscroll-behavior:contain}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#666;padding:40px}.empty-icon{position:relative;margin-bottom:16px;color:rgba(var(--accent-primary-rgb),.3)}.empty-state p{font-size:14px;margin-bottom:4px;color:#888}.empty-hint{font-size:12px;color:#555}.message{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;animation:messageSlideIn .3s ease-out;position:relative}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{background:linear-gradient(135deg,#4ade8026,#22d3ee1a);border:1px solid rgba(74,222,128,.2);margin-left:30px}.message-agent{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.1),rgba(var(--accent-secondary-rgb),.1));border:1px solid rgba(var(--accent-primary-rgb),.15);margin-right:30px}.message-system{background:#8080801a;border:1px solid rgba(128,128,128,.2);text-align:center;font-size:12px;color:#888;padding:10px}.message-header{display:flex;align-items:center;justify-content:space-between}.message-role{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.message-user .message-role{color:var(--neon-green)}.message-agent .message-role{color:var(--neon-blue)}.message-time{font-size:10px;color:#555}.message-content{font-size:13px;line-height:1.6;color:#ddd}[data-theme-category=light] .message-user{background:rgba(var(--accent-success-rgb),.12);border-color:rgba(var(--accent-success-rgb),.25)}[data-theme-category=light] .message-agent{background:rgba(var(--accent-primary-rgb),.08);border-color:rgba(var(--accent-primary-rgb),.2)}[data-theme-category=light] .message-system{background:#0000000a;border-color:#00000014;color:var(--text-secondary)}[data-theme-category=light] .message-role{color:var(--text-secondary)}[data-theme-category=light] .message-user .message-role{color:var(--accent-success)}[data-theme-category=light] .message-agent .message-role{color:var(--accent-primary)}[data-theme-category=light] .message-time{color:var(--text-muted)}[data-theme-category=light] .message-content{color:var(--text-primary)}.cursor-blink{display:inline-block;width:2px;height:14px;background:var(--neon-blue);margin-left:2px;animation:cursorBlink .8s ease-in-out infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.typing-indicator{display:inline-flex;gap:4px;padding-left:4px}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--neon-blue);animation:typingBounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.tool-calls{background:#0003;border-radius:10px;padding:10px;margin-top:4px}.tool-calls-header{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.tool-call{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;font-size:11px;margin-bottom:4px;transition:background .2s ease,border-color .2s ease,color .2s ease}.tool-call:last-child{margin-bottom:0}.tool-running{background:#ffc1071a;border:1px solid rgba(255,193,7,.2)}.tool-completed{background:#4ade801a;border:1px solid rgba(74,222,128,.2)}.tool-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.tool-name{flex:1;color:#ccc;font-family:monospace;font-size:11px}.tool-status{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.tool-completed .tool-status{color:var(--neon-green)}.tool-error .tool-status{color:#ef4444}.tool-spinner{width:12px;height:12px;border:2px solid rgba(255,193,7,.3);border-top-color:#ffc107;border-radius:50%;animation:spin .8s linear infinite}.tool-time{font-size:10px;color:#666;font-family:monospace}[data-theme-category=light] .tool-calls{background:var(--surface-sunken);border:1px solid var(--border-subtle)}[data-theme-category=light] .tool-calls-header{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}[data-theme-category=light] .tool-call{background:var(--surface-raised);border:1px solid var(--border-subtle);color:var(--text-primary)}[data-theme-category=light] .tool-name{color:var(--text-primary)}[data-theme-category=light] .tool-time{color:var(--text-muted)}[data-theme-category=light] .tool-running{background:#ffc1071f;border-color:#ffc10740}[data-theme-category=light] .tool-completed{background:rgba(var(--accent-success-rgb),.12);border-color:rgba(var(--accent-success-rgb),.25)}[data-theme-category=light] .tool-error{background:rgba(var(--accent-danger-rgb),.12);border-color:rgba(var(--accent-danger-rgb),.25)}[data-theme-category=light] .tool-completed .tool-status{color:var(--accent-success)}[data-theme-category=light] .tool-error .tool-status{color:var(--accent-danger)}.token-usage{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.token-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;border-radius:8px;background:#0003}.token-item.total{background:rgba(var(--accent-primary-rgb),.1)}.token-item.time{background:rgba(var(--accent-secondary-rgb),.1)}.token-label{font-size:9px;color:#666;text-transform:uppercase;letter-spacing:.3px}.token-value{font-size:12px;font-weight:600;color:#ccc;font-family:monospace}[data-theme-category=light] .token-item{background:var(--surface-sunken)}[data-theme-category=light] .token-label{color:var(--text-secondary)}[data-theme-category=light] .token-value{color:var(--text-primary)}[data-theme-category=light] .token-item.total .token-value{color:var(--accent-primary)}[data-theme-category=light] .token-item.time .token-value{color:var(--accent-secondary)}.token-item.total .token-value{color:var(--neon-blue)}.token-item.time .token-value{color:var(--neon-purple)}.current-tool-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid rgba(255,193,7,.2);border-radius:12px;font-size:13px;color:#ffc107;animation:toolIndicatorPulse 2s ease-in-out infinite}.tool-spinner-large{width:20px;height:20px;border:2px solid rgba(255,193,7,.3);border-top-color:#ffc107;border-radius:50%;animation:spin .8s linear infinite}@keyframes toolIndicatorPulse{0%,to{opacity:1;box-shadow:0 0 20px #ffc10733}50%{opacity:.8;box-shadow:0 0 30px #ffc1074d}}@keyframes spin{to{transform:rotate(360deg)}}.input-area{padding:16px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 100%);border-top:1px solid rgba(255,255,255,.05)}.input-wrapper{display:flex;align-items:center;gap:8px;padding:8px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:14px;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease,transform .3s ease}.input-wrapper:focus-within{border-color:rgba(var(--accent-primary-rgb),.4);box-shadow:0 0 20px rgba(var(--accent-primary-rgb),.1)}.message-input{flex:1;background:transparent;border:none;outline:none;font-size:13px;color:#fff;padding:8px 12px}.message-input::-moz-placeholder{color:#555}.message-input::placeholder{color:#555}[data-theme-category=light] .input-wrapper{background:var(--surface-overlay);border-color:var(--border-subtle)}[data-theme-category=light] .message-input{color:var(--text-primary)}[data-theme-category=light] .message-input::-moz-placeholder{color:var(--text-muted)}[data-theme-category=light] .message-input::placeholder{color:var(--text-muted)}.message-input:disabled{opacity:.5}.send-btn{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--neon-blue) 0%,var(--neon-purple) 100%);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease,transform .3s ease;box-shadow:0 4px 15px rgba(var(--accent-primary-rgb),.3)}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 25px rgba(var(--accent-primary-rgb),.4)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.input-hint{text-align:center;font-size:10px;color:#444;margin-top:8px}.input-hint kbd{display:inline-block;padding:2px 6px;background:#ffffff1a;border-radius:4px;font-size:9px;border:1px solid rgba(255,255,255,.1)}.logs-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.logs-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:transparent;border-bottom:none;font-size:12px;font-weight:600;color:#888}.clear-logs-btn{width:28px;height:28px;border-radius:6px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease}.clear-logs-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.logs-area{flex:1;overflow-y:auto;padding:12px;font-family:Fira Code,Consolas,monospace;font-size:11px}.logs-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#555;padding:40px}.log-entry{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;border-radius:6px;margin-bottom:4px;animation:logSlideIn .2s ease-out;background:#0003}@keyframes logSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.log-time{color:#555;font-size:10px;flex-shrink:0}.log-level{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;flex-shrink:0}.log-info .log-level{background:rgba(var(--accent-primary-rgb),.2);color:var(--neon-blue)}.log-debug .log-level{background:#80808033;color:#888}.log-warn .log-level{background:#ffc10733;color:#ffc107}.log-error .log-level{background:#ef444433;color:#ef4444}.log-success .log-level{background:#4ade8033;color:var(--neon-green)}.log-source{color:var(--neon-purple);font-size:10px;flex-shrink:0}.log-message{color:#bbb;flex:1;word-break:break-word}[data-theme-category=light] .logs-header{background:transparent;border-bottom:none;color:var(--text-secondary)}[data-theme-category=light] .logs-area,[data-theme-category=light] .log-message{color:var(--text-primary)}[data-theme-category=light] .log-source{color:var(--accent-secondary)}[data-theme-category=light] .clear-logs-btn{border-color:var(--border-subtle);color:var(--text-secondary)}[data-theme-category=light] .clear-logs-btn:hover{background:rgba(var(--accent-danger-rgb),.12);border-color:rgba(var(--accent-danger-rgb),.35);color:var(--accent-danger)}.performance-container{flex:1;overflow-y:auto;padding:16px}.performance-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#555;padding:60px 40px;text-align:center}.performance-empty svg{color:rgba(var(--accent-primary-rgb),.3);margin-bottom:8px}.performance-empty span{font-size:14px;color:#888}.performance-empty p{font-size:12px;color:#555}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.stat-card{display:flex;align-items:center;gap:12px;padding:14px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease,transform .3s ease}.stat-card:hover{border-color:rgba(var(--accent-primary-rgb),.2);background:rgba(var(--accent-primary-rgb),.05)}[data-theme-category=light] .performance-empty span,[data-theme-category=light] .performance-empty p{color:var(--text-secondary)}[data-theme-category=light] .stat-card{background:var(--surface-sunken);border-color:var(--border-subtle)}[data-theme-category=light] .stat-card:hover{background:rgba(var(--accent-primary-rgb),.08);border-color:rgba(var(--accent-primary-rgb),.25)}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon.response-time{background:rgba(var(--accent-primary-rgb),.15);color:var(--neon-blue)}.stat-icon.tokens{background:rgba(var(--accent-secondary-rgb),.15);color:var(--neon-purple)}.stat-icon.prompt-tokens{background:#fbbf2426;color:#fbbf24}.stat-icon.completion-tokens{background:#38bdf826;color:#38bdf8}.stat-icon.cached-tokens{background:#22c55e26;color:#22c55e}.stat-icon.cache-saved{background:#10b98129;color:#10b981}.stat-icon.tools{background:rgba(var(--accent-success-rgb),.15);color:var(--neon-green)}.stat-icon.requests{background:rgba(var(--accent-tertiary-rgb),.15);color:var(--neon-pink)}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:18px;font-weight:700;color:#fff;font-family:monospace}[data-theme-category=light] .stat-label{color:var(--text-secondary)}[data-theme-category=light] .stat-value{color:var(--text-primary)}.chart-container{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;margin-bottom:16px}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:12px;font-weight:600;color:#888}.chart-max{font-size:10px;color:#555;font-weight:400}[data-theme-category=light] .chart-container{background:var(--surface-sunken);border-color:var(--border-subtle)}[data-theme-category=light] .chart-header{color:var(--text-secondary)}[data-theme-category=light] .chart-max{color:var(--text-muted)}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:100px;gap:8px}.chart-bar{flex:1;background:linear-gradient(180deg,var(--neon-blue) 0%,var(--neon-purple) 100%);border-radius:4px 4px 0 0;min-height:4px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;animation:barGrow .5s ease-out;animation-delay:var(--delay);animation-fill-mode:backwards}@keyframes barGrow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1)}}.bar-value{position:absolute;top:-20px;font-size:9px;color:#888;white-space:nowrap}.token-bars{display:flex;flex-direction:column;gap:8px}.token-bar-wrapper{display:flex;align-items:center;gap:8px;animation:tokenBarSlide .4s ease-out;animation-delay:var(--delay);animation-fill-mode:backwards}@keyframes tokenBarSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.token-bar{height:20px;background:linear-gradient(90deg,var(--neon-purple) 0%,var(--neon-pink) 100%);border-radius:4px;min-width:4px;transition:width .3s ease}.token-bar-label{font-size:10px;color:#888;font-family:monospace;min-width:50px}.token-bar-meta{font-size:9px;color:#666;font-family:monospace;white-space:nowrap}.has-tooltip{position:relative}.bar-tooltip{display:none;position:absolute;z-index:100;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:10px 14px;background:#0f0f19f2;border:1px solid rgba(0,212,255,.25);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000080,0 0 15px #00d4ff1a;white-space:nowrap;pointer-events:none;flex-direction:column;gap:4px;min-width:120px}.token-bar-wrapper .bar-tooltip{bottom:auto;top:calc(100% + 8px);left:0;transform:none}.has-tooltip:hover .bar-tooltip{display:flex}.bar-tooltip-msg{font-size:12px;font-weight:600;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;max-width:260px}.bar-tooltip-stat{font-size:11px;color:var(--neon-blue);font-family:monospace}.tool-calls-tooltip{min-width:280px;max-width:360px;white-space:normal;pointer-events:auto}.tool-calls-tooltip .bar-tooltip-msg{margin-bottom:4px}.tool-call-tooltip-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;padding-right:4px}.tool-call-tooltip-item{display:grid;grid-template-columns:8px minmax(0,1fr);-moz-column-gap:8px;column-gap:8px;row-gap:2px;align-items:center}.tool-call-tooltip-status{width:8px;height:8px;border-radius:999px;grid-row:span 2}.tool-call-tooltip-status.status-running{background:#fbbf24}.tool-call-tooltip-status.status-completed{background:var(--neon-green)}.tool-call-tooltip-status.status-error{background:#ef4444}.tool-call-tooltip-name{font-size:11px;font-family:monospace;color:#e2e8f0}.tool-call-tooltip-msg{font-size:10px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme-category=light] .bar-tooltip{background:var(--surface-raised);border-color:var(--border-default);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme-category=light] .bar-tooltip-msg{color:var(--text-primary)}[data-theme-category=light] .bar-tooltip-stat{color:var(--accent-primary)}[data-theme-category=light] .tool-call-tooltip-name{color:var(--text-primary)}[data-theme-category=light] .tool-call-tooltip-msg{color:var(--text-secondary)}.messages-area::-webkit-scrollbar,.logs-area::-webkit-scrollbar,.performance-container::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track,.logs-area::-webkit-scrollbar-track,.performance-container::-webkit-scrollbar-track{background:#0003;border-radius:3px}.messages-area::-webkit-scrollbar-thumb,.logs-area::-webkit-scrollbar-thumb,.performance-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-blue),var(--neon-purple));border-radius:3px}.messages-area::-webkit-scrollbar-thumb:hover,.logs-area::-webkit-scrollbar-thumb:hover,.performance-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-purple),var(--neon-pink))}@media(max-width:480px){.test-widget.size-docked,.test-widget.size-centered{width:calc(100vw - 32px)!important;height:calc(100vh - 100px)!important;inset:50px auto auto 16px!important;transform:none!important}.token-usage{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}}.test-widget.size-centered .stats-grid,.test-widget.size-fullscreen .stats-grid{grid-template-columns:repeat(4,1fr)}.test-widget.size-fullscreen .chart-bars{height:150px}.test-widget.size-fullscreen .messages-area{padding:24px 48px}.test-widget.size-fullscreen .input-area{padding:20px 48px}.voice-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.voice-toggle-btn{width:32px;height:32px;border-radius:8px;background:#80808026;border:1px solid rgba(128,128,128,.2);color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease}.voice-toggle-btn:hover{background:rgba(var(--accent-secondary-rgb),.15);border-color:rgba(var(--accent-secondary-rgb),.3);color:var(--neon-purple)}.voice-toggle-btn.active{background:rgba(var(--accent-secondary-rgb),.2);border-color:var(--neon-purple);color:var(--neon-purple);box-shadow:0 0 12px rgba(var(--accent-secondary-rgb),.3)}.voice-select{padding:6px 10px;border-radius:8px;background:var(--surface-sunken);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:11px;cursor:pointer;outline:none;transition:background .2s ease,border-color .2s ease,color .2s ease;max-width:120px;color-scheme:dark}.voice-select:hover{border-color:rgba(var(--accent-secondary-rgb),.3)}.voice-select:focus{border-color:var(--neon-purple);box-shadow:0 0 10px rgba(var(--accent-secondary-rgb),.2)}.voice-select option{background:var(--surface-raised);color:var(--text-primary)}[data-theme-category=light] .voice-select{color-scheme:light;background:var(--surface-sunken);border-color:var(--border-subtle);color:var(--text-primary)}.filler-controls{position:relative;display:flex;align-items:center;z-index:40}.filler-toggle-btn{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,rgba(var(--accent-secondary-rgb),.18),rgba(var(--accent-primary-rgb),.18))}.filler-toggle-btn svg{width:16px;height:16px}.filler-modal-backdrop{position:absolute;inset:0;z-index:120;background:#080b1894;display:flex;align-items:flex-start;justify-content:center;padding:14px;overflow:auto}.filler-modal{width:min(680px,calc(100% - 12px));max-height:calc(100% - 28px);border-radius:14px;background:var(--surface-raised);border:1px solid var(--border-subtle);box-shadow:0 20px 42px #00000073;overflow:hidden;display:flex;flex-direction:column;margin:auto 0}.filler-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.filler-modal-title{margin:0;font-size:14px;font-weight:700;color:var(--text-primary)}.filler-modal-close{width:30px;height:30px;border:1px solid var(--border-subtle);border-radius:8px;background:#8080801a;color:var(--text-secondary);cursor:pointer;font-size:18px;line-height:1}.filler-modal-close:hover{border-color:rgba(var(--accent-secondary-rgb),.45);color:var(--text-primary)}.filler-modal-body{flex:1 1 auto;min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.filler-label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--text-secondary)}.filler-input{width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface-sunken);color:var(--text-primary);font-size:13px;outline:none}.filler-input:focus{border-color:rgba(var(--accent-secondary-rgb),.45);box-shadow:0 0 0 2px rgba(var(--accent-secondary-rgb),.15)}.filler-list{display:flex;flex-direction:column;gap:8px;max-height:190px;overflow:auto;padding-right:4px}.filler-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:#80808014;border:1px solid rgba(128,128,128,.18)}.filler-item-text{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filler-remove-btn{border:0;width:24px;height:24px;border-radius:999px;background:rgba(var(--accent-danger-rgb),.15);color:var(--accent-danger);cursor:pointer;line-height:1;font-size:16px}.filler-remove-btn:hover{background:rgba(var(--accent-danger-rgb),.25)}.filler-add-row{display:flex;align-items:center;gap:8px}.filler-add-btn{white-space:nowrap;min-width:76px}@media(max-width:520px){.filler-modal-backdrop{padding:10px}.filler-modal{width:100%;max-height:calc(100% - 8px)}}[data-theme-category=light] .filler-modal{box-shadow:0 10px 22px #0f172a24}.mic-btn{width:44px;height:44px;border-radius:12px;background:#80808033;border:1px solid rgba(128,128,128,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#888;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease,transform .3s ease;position:relative;overflow:hidden}.mic-btn:hover:not(:disabled){background:#ef444426;border-color:#ef44444d;color:#f87171}.mic-btn:disabled{opacity:.4;cursor:not-allowed}.mic-btn.recording{background:linear-gradient(135deg,#ef44444d,rgba(var(--accent-tertiary-rgb),.3));border-color:#ef444480;color:#ef4444;box-shadow:0 0 20px #ef444466;animation:micPulse 1.5s ease-in-out infinite}[data-theme-category=light] .mic-btn{background:var(--surface-sunken);border-color:var(--border-subtle);color:var(--text-secondary)}[data-theme-category=light] .mic-btn:hover:not(:disabled){background:rgba(var(--accent-primary-rgb),.12);border-color:rgba(var(--accent-primary-rgb),.35);color:var(--accent-primary)}[data-theme-category=light] .mic-btn.recording{background:rgba(var(--accent-danger-rgb),.18);border-color:rgba(var(--accent-danger-rgb),.45);color:var(--accent-danger);box-shadow:none;animation:none}@keyframes micPulse{0%,to{box-shadow:0 0 20px #ef444466}50%{box-shadow:0 0 30px #ef444499,0 0 50px #ef44444d}}.recording-pulse{position:absolute;inset:-4px;border-radius:16px;background:#ef44444d;animation:recordingPulseAnim 1.5s ease-out infinite;z-index:-1}@keyframes recordingPulseAnim{0%{transform:scale(1);opacity:.6}to{transform:scale(1.3);opacity:0}}.message.live-transcript{background:linear-gradient(135deg,#ef44441a,#ec48991a);border:1px solid rgba(239,68,68,.2);border-style:dashed;animation:liveTranscriptPulse 2s ease-in-out infinite}.message.live-transcript .message-role{color:#f87171}.message.live-transcript .message-content{font-style:italic;color:#ccc}@keyframes liveTranscriptPulse{0%,to{opacity:1;border-color:#ef444433}50%{opacity:.8;border-color:#ef444466}}.session-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.session-btn.new-btn:disabled,.session-btn.end-btn:disabled{opacity:.5}.notification-container{position:absolute;top:12px;left:16px;right:16px;z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.notification{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:12px;font-weight:500;pointer-events:auto;cursor:pointer;animation:notificationSlideIn .4s cubic-bezier(.4,0,.2,1) forwards;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006;transition:transform .2s ease,opacity .2s ease}.notification:hover{transform:translateY(-1px) scale(1.01)}.notification:active{transform:scale(.98)}.notification:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px}.notification-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.notification-message{flex:1;line-height:1.4;letter-spacing:.2px}.notification-error{background:linear-gradient(135deg,#3c0f0ff2,#320a14f2);border:1px solid rgba(239,68,68,.4);color:#fca5a5}.notification-error:after{background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 0 12px #ef444499}.notification-error .notification-icon{background:#ef444433;color:#ef4444;box-shadow:0 0 12px #ef44444d}.notification-success{background:linear-gradient(135deg,#0c2d19f2,#0a281ef2);border:1px solid rgba(74,222,128,.35);color:#86efac}.notification-success:after{background:linear-gradient(180deg,var(--neon-green),#22c55e);box-shadow:0 0 12px #4ade8099}.notification-success .notification-icon{background:#4ade8033;color:var(--neon-green);box-shadow:0 0 12px #4ade804d}.notification-info{background:linear-gradient(135deg,#0a1932f2,#0c1437f2);border:1px solid rgba(0,212,255,.3);color:#7dd3fc}.notification-info:after{background:linear-gradient(180deg,var(--neon-blue),#3b82f6);box-shadow:0 0 12px #00d4ff99}.notification-info .notification-icon{background:rgba(var(--accent-primary-rgb),.15);color:var(--neon-blue);box-shadow:0 0 12px #00d4ff4d}.notification-warning{background:linear-gradient(135deg,#32280af2,#2d230cf2);border:1px solid rgba(255,193,7,.35);color:#fde68a}.notification-warning:after{background:linear-gradient(180deg,#ffc107,#f59e0b);box-shadow:0 0 12px #ffc10799}.notification-warning .notification-icon{background:#ffc10733;color:#ffc107;box-shadow:0 0 12px #ffc1074d}[data-theme-category=light] .notification{box-shadow:var(--shadow-sm)}[data-theme-category=light] .notification-error{background:var(--surface-raised);border-color:rgba(var(--accent-danger-rgb),.25);color:var(--text-primary)}[data-theme-category=light] .notification-error:after{background:var(--accent-danger);box-shadow:none}[data-theme-category=light] .notification-error .notification-icon{background:rgba(var(--accent-danger-rgb),.15);color:var(--accent-danger);box-shadow:none}[data-theme-category=light] .notification-success{background:var(--surface-raised);border-color:rgba(var(--accent-success-rgb),.25);color:var(--text-primary)}[data-theme-category=light] .notification-success:after{background:var(--accent-success);box-shadow:none}[data-theme-category=light] .notification-success .notification-icon{background:rgba(var(--accent-success-rgb),.15);color:var(--accent-success);box-shadow:none}[data-theme-category=light] .notification-info{background:var(--surface-raised);border-color:rgba(var(--accent-primary-rgb),.25);color:var(--text-primary)}[data-theme-category=light] .notification-info:after{background:var(--accent-primary);box-shadow:none}[data-theme-category=light] .notification-info .notification-icon{background:rgba(var(--accent-primary-rgb),.15);color:var(--accent-primary);box-shadow:none}[data-theme-category=light] .notification-warning{background:var(--surface-raised);border-color:#ffc10740;color:var(--text-primary)}[data-theme-category=light] .notification-warning:after{background:#f59e0b;box-shadow:none}[data-theme-category=light] .notification-warning .notification-icon{background:#ffc10733;color:#d97706;box-shadow:none}@keyframes notificationSlideIn{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
