*,:before,:after,::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:#3b82f680;--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: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:JetBrains Mono,Fira Code,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.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}}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.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}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-4{height:1rem}.h-\[1px\]{height:1px}.min-h-\[120px\]{min-height:120px}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-4{width:1rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.max-w-\[150px\]{max-width:150px}.max-w-\[200px\]{max-width:200px}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.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-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.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-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-\[\#2a2a2a\]>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(42 42 42/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[18px\]{border-radius:18px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#1a1a1a\]{--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity,1))}.border-\[\#2a2a2a\]{--tw-border-opacity:1;border-color:rgb(42 42 42/var(--tw-border-opacity,1))}.border-\[\#333\]{--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity,1))}.border-\[\#e63946\]{--tw-border-opacity:1;border-color:rgb(230 57 70/var(--tw-border-opacity,1))}.border-\[\#ff6b35\]\/30{border-color:#ff6b354d}.border-\[\#ffd23f\]{--tw-border-opacity:1;border-color:rgb(255 210 63/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-500\/30{border-color:#3b82f64d}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-500\/30{border-color:#22c55e4d}.border-orange-500{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/50{border-color:#ef444480}.border-yellow-500\/30{border-color:#eab3084d}.bg-\[\#0a0a0a\]{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.bg-\[\#0f0f0f\]{--tw-bg-opacity:1;background-color:rgb(15 15 15/var(--tw-bg-opacity,1))}.bg-\[\#111111\],.bg-\[\#111\]{--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity,1))}.bg-\[\#151515\]{--tw-bg-opacity:1;background-color:rgb(21 21 21/var(--tw-bg-opacity,1))}.bg-\[\#1a1a1a\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\[\#2a2a2a\]{--tw-bg-opacity:1;background-color:rgb(42 42 42/var(--tw-bg-opacity,1))}.bg-\[\#333\]{--tw-bg-opacity:1;background-color:rgb(51 51 51/var(--tw-bg-opacity,1))}.bg-\[\#e63946\]{--tw-bg-opacity:1;background-color:rgb(230 57 70/var(--tw-bg-opacity,1))}.bg-\[\#e63946\]\/10{background-color:#e639461a}.bg-\[\#e63946\]\/5{background-color:#e639460d}.bg-\[\#ff6b35\]{--tw-bg-opacity:1;background-color:rgb(255 107 53/var(--tw-bg-opacity,1))}.bg-\[\#ff6b35\]\/20{background-color:#ff6b3533}.bg-\[\#ff6b35\]\/5{background-color:#ff6b350d}.bg-\[\#ffd23f\]\/5{background-color:#ffd23f0d}.bg-black\/80{background-color:#000c}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-900{--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500\/20{background-color:#6b728033}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-green-900{--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity,1))}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-900{--tw-bg-opacity:1;background-color:rgb(88 28 135/var(--tw-bg-opacity,1))}.bg-red-400\/10{background-color:#f871711a}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-500\/5{background-color:#ef44440d}.bg-transparent{background-color:#0000}.bg-yellow-500\/20{background-color:#eab30833}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.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-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.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-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.tracking-\[0\.2em\]{letter-spacing:.2em}.text-\[\#06ffa5\]{--tw-text-opacity:1;color:rgb(6 255 165/var(--tw-text-opacity,1))}.text-\[\#0a0a0a\]{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.text-\[\#555\]{--tw-text-opacity:1;color:rgb(85 85 85/var(--tw-text-opacity,1))}.text-\[\#666\]{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity,1))}.text-\[\#888\]{--tw-text-opacity:1;color:rgb(136 136 136/var(--tw-text-opacity,1))}.text-\[\#9a9a9a\]{--tw-text-opacity:1;color:rgb(154 154 154/var(--tw-text-opacity,1))}.text-\[\#e5e5e5\]{--tw-text-opacity:1;color:rgb(229 229 229/var(--tw-text-opacity,1))}.text-\[\#e63946\]{--tw-text-opacity:1;color:rgb(230 57 70/var(--tw-text-opacity,1))}.text-\[\#ef4444\]{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-\[\#f5f5f5\]{--tw-text-opacity:1;color:rgb(245 245 245/var(--tw-text-opacity,1))}.text-\[\#ff6b35\]{--tw-text-opacity:1;color:rgb(255 107 53/var(--tw-text-opacity,1))}.text-\[\#ffd23f\]{--tw-text-opacity:1;color:rgb(255 210 63/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-200{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-purple-200{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow:0 20px 50px #00000073;--tw-shadow-colored:0 20px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}:root{--bg:#000;--surface:#1a1a1a;--border:#404040;--text:#fff;--text-secondary:#f5f5f5;--text-muted:#a0a0a0;--primary:#ff7043;--primary-hover:#ff8c66;--secondary:#ef4444;--accent-cyan:#06b6d4;--success:#10b981;--error:#ef4444;--focus:#60a5fa;--font-sans:var(--font-space-grotesk),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-mono:var(--font-jetbrains-mono),"Courier New",Consolas,Monaco,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);min-height:100vh}.cl-card{background:#111!important;border:1px solid #2a2a2a!important;border-radius:18px!important;box-shadow:0 20px 50px #00000073!important}.cl-formButtonPrimary{text-transform:uppercase!important;letter-spacing:.12em!important;background:#ff6b35!important;border:none!important;font-weight:700!important;transition:all .2s!important}.cl-formButtonPrimary:hover{background:#ff6b35!important;transform:translateY(-2px)!important;box-shadow:0 12px 30px #ff6b3566!important}.cl-formButtonPrimary:active{box-shadow:none!important;transform:translate(0)!important}.cl-formFieldInput{color:#f5f5f5!important;font-family:var(--font-mono)!important;background:#0f0f0f!important;border:1px solid #2a2a2a!important}.cl-formFieldInput:focus{border-color:#ff6b35!important;outline:none!important;box-shadow:0 0 0 2px #ff6b3533!important}.cl-formFieldLabel{color:#f5f5f5!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:.75rem!important;font-weight:600!important}.cl-footerActionLink{color:#ff6b35!important;text-transform:uppercase!important;font-size:.75rem!important;font-weight:700!important}.cl-footerActionLink:hover{color:#ff7043!important}.cl-headerTitle{color:#fff!important;text-transform:uppercase!important;font-weight:900!important}.cl-headerSubtitle{color:#a0a0a0!important;text-transform:uppercase!important;font-family:monospace!important;font-size:.875rem!important}.cl-dividerLine{background:#404040!important;height:2px!important}.cl-dividerText{color:#a0a0a0!important;text-transform:uppercase!important;font-family:monospace!important;font-size:.75rem!important}.cl-socialButtonsBlockButton,.cl-socialButtonsIconButton{background:#1a1a1a!important;border:2px solid #404040!important;transition:all .15s!important}.cl-socialButtonsBlockButton:hover,.cl-socialButtonsIconButton:hover{background:#2a2a2a!important;border-color:#ff7043!important;transform:translate(-2px,-2px)!important;box-shadow:4px 4px #ff70434d!important}.cl-formFieldError{color:#ef4444!important;font-family:monospace!important;font-size:.75rem!important;font-weight:700!important}.cl-formFieldOTPInput{color:#fff!important;text-align:center!important;background:#000!important;border:2px solid #404040!important;font-weight:900!important}.cl-formFieldOTPInput:focus{border-color:#ff6b35!important;box-shadow:0 0 0 2px #ff6b3533!important}.app-generator{--primary:#ff6b35;--primary-hover:#ff8555;--accent:#ffd23f;--accent-dark:#ff9e1b;--secondary:#e63946;--tertiary:#d62828;--background:#0a0a0a;--surface:#111;--surface-light:#151515;--surface-bright:#1d1d1d;--surface-elevated:#1a1a1a;--text:#f5f5f5;--text-secondary:#b8b8b8;--text-muted:#8a8a8a;--border:#2a2a2a;--border-light:#323232;--shadow-sm:0 10px 30px #0006;--shadow-md:0 18px 40px #00000073;--shadow-lg:0 28px 60px #00000080;--shadow-glow:0 0 20px #ff6b3540;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--radius:16px;--radius-sm:10px;--radius-lg:20px;--transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--background);color:var(--text);min-height:100vh;padding:2rem;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.app-generator:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#ff6b3514 0%,#0000 40%),radial-gradient(circle at 80% 70%,#e639460f 0%,#0000 40%),radial-gradient(circle,#ffd23f08 0%,#0000 50%);width:200%;height:200%;position:fixed;top:-50%;left:-50%}.app-generator .container{z-index:1;max-width:1600px;margin:0 auto;position:relative}.app-generator h1{letter-spacing:-1px;background:linear-gradient(135deg,var(--text)0%,var(--primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:3rem;font-weight:800}.app-generator h2{color:var(--text);font-size:1.75rem;font-weight:700}.app-generator h3{font-size:1.25rem;font-weight:600}.app-generator .subtitle{color:var(--text-secondary);max-width:720px;font-size:1.125rem;line-height:1.7}.app-generator .eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-dark);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.app-generator .muted{color:var(--text-muted);font-size:.95rem}.app-generator .hero{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ff6b3526 0%,#141414f2 100%);justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2.5rem;padding:3rem;display:flex;position:relative;overflow:hidden}.app-generator .hero:after{content:"";filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#ff6b3533,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:0;right:0}.app-generator .hero-meta{z-index:1;flex-wrap:wrap;align-self:flex-start;gap:.75rem;display:flex;position:relative}.app-generator .badge{background:var(--surface-elevated);border:1px solid var(--border-light);color:var(--text-secondary);transition:var(--transition);border-radius:999px;padding:.625rem 1rem;font-size:.875rem;font-weight:600}.app-generator .badge:hover{border-color:var(--primary);transform:translateY(-2px)}.app-generator .badge.accent{color:var(--accent);background:linear-gradient(135deg,#ff6b3533 0%,#e6394626 100%);border-color:#ff6b3566;box-shadow:0 0 15px #ff6b3533}.app-generator .preset-showcase{background:0 0;padding:0}.app-generator .showcase-head{text-align:center;margin-bottom:2rem}.app-generator .showcase-head h2{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800}.app-generator .showcase-head p{color:var(--text-muted);font-size:1rem}.app-generator .preset-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.app-generator .preset-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:1rem;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.app-generator .preset-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.app-generator .preset-card:hover{background:#ffffff0a;border-color:#ff6b3566;transform:translateY(-4px);box-shadow:0 12px 40px #ff6b3526}.app-generator .preset-card:hover:before{opacity:1}.app-generator .preset-card.custom{border:2px dashed var(--primary);background:#ff6b350d}.app-generator .preset-card.custom:hover{background:#ff6b351a}.app-generator .preset-icon{filter:drop-shadow(0 4px 8px #ff6b354d);margin-bottom:.5rem;font-size:3rem;display:block}.app-generator .preset-content{flex-direction:column;flex:1;gap:.75rem;display:flex}.app-generator .preset-content h3{color:var(--text);margin:0;font-size:1.125rem;font-weight:700;line-height:1.4}.app-generator .preset-content p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.6}.app-generator .preset-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.app-generator .preset-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffff0d;border-radius:4px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.app-generator .pill{color:#06b6d4;background:#06b6d426;border-radius:4px;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.app-generator .preset-actions{gap:.75rem;margin-top:.5rem;display:flex}.app-generator .btn-select{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--text);cursor:pointer;border:none;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s}.app-generator .btn-select:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b3566}.app-generator .btn-secondary{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:.625rem 1rem;font-size:.813rem;font-weight:600;transition:all .2s}.app-generator .btn-secondary:hover{color:var(--text);background:#ff6b351a;border-color:#ff704380;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.app-generator .btn-secondary:active{transform:translateY(0)}.app-generator .stage{opacity:0;visibility:hidden;width:100%;min-height:100vh;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:translate(100%)}.app-generator .stage.active{opacity:1;visibility:visible;position:relative;transform:translate(0)}.app-generator .stage-header{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#111;border:1px solid #2a2a2a;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.25rem 1.5rem;display:flex}.app-generator .btn-back{border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #2a2a2a;align-items:center;gap:.5rem;padding:.6rem 1rem;font-weight:600;display:flex}.app-generator .btn-back:hover{border-color:var(--primary);color:var(--primary)}.app-generator .form-layout{grid-template-columns:1fr 400px;align-items:start;gap:2rem;display:grid}.app-generator .form-sidebar{position:sticky;top:2rem}.app-generator .form-section{border-radius:var(--radius);box-shadow:var(--shadow-md);transition:var(--transition);background:#111;border:1px solid #2a2a2a;margin-bottom:1.5rem;padding:1.75rem}.app-generator .form-section:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.app-generator .form-section.optional{border-left:4px solid var(--primary);background:#ff6b350f}.app-generator .section-head{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.app-generator .tag{background:var(--surface-light);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:999px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.app-generator .tag.accent{color:var(--accent-dark);background:#ff6b351a;border-color:#ff6b3580}.app-generator .form-group{margin-bottom:1.25rem}.app-generator .form-group label{color:var(--text-secondary);margin-bottom:.625rem;font-size:.95rem;font-weight:600;display:block}.app-generator .form-group input[type=text],.app-generator .form-group textarea,.app-generator .form-group select{background:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:var(--transition);padding:.875rem 1.125rem;font-family:inherit;font-size:.95rem}.app-generator .form-group input[type=text]:focus,.app-generator .form-group textarea:focus,.app-generator .form-group select:focus{border-color:var(--primary);background:var(--surface-bright);outline:none;box-shadow:0 0 0 3px #ff6b351a}.app-generator .form-group textarea{resize:vertical;min-height:100px}.app-generator .checkbox-group label{cursor:pointer;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.app-generator .checkbox-group input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--primary)}.app-generator button{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:1rem 1.75rem;font-size:1rem;font-weight:700;position:relative;overflow:hidden}.app-generator button:before{content:"";background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-generator button:hover:before{width:300px;height:300px}.app-generator .btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:var(--text);flex:1;justify-content:center;align-items:center;gap:.75rem;display:inline-flex;box-shadow:0 4px 12px #ff6b354d}.app-generator .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b3580}.app-generator .btn-primary:disabled,.app-generator .btn-secondary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.app-generator .btn-secondary{background:var(--surface-light);color:var(--text);border:1px solid var(--border-light)}.app-generator .btn-secondary:hover{border-color:var(--primary);background:var(--surface-bright)}.app-generator .form-actions-sticky{z-index:10;background:linear-gradient(#0000 0%,#0a0a0af2 20%,#0a0a0a 100%);gap:1rem;margin-top:2rem;padding:1.5rem 0;display:flex;position:sticky;bottom:0}.app-generator .form-error{color:#f87171;margin-top:.75rem;font-size:.9rem}.app-generator .manifest-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:1.5rem}.app-generator .preview-header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.app-generator .preview-badge{background:linear-gradient(135deg,var(--success),#16a34a);color:var(--text);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.375rem .75rem;font-size:.75rem;font-weight:700;animation:2s infinite pulse}.app-generator .preview-box{background:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);white-space:pre-wrap;word-wrap:break-word;max-height:calc(100vh - 12rem);padding:1.25rem;font-size:.85rem;line-height:1.6;overflow:auto}.app-generator .workspace-container{--sidebar-width:380px;--preview-width:440px;grid-template-columns:var(--sidebar-width)1fr var(--preview-width);align-items:stretch;gap:1.25rem;min-height:100vh;padding:1.5rem;display:grid}.app-generator .workspace-container.sidebar-collapsed{grid-template-columns:0px 1fr var(--preview-width)}.app-generator .workspace-container.sidebar-collapsed .workspace-sidebar.left{visibility:hidden;pointer-events:none}.app-generator .workspace-container.sidebar-collapsed .sidebar-toggle-floating{visibility:visible;pointer-events:auto}.app-generator .workspace-controls{gap:1rem;display:grid}.app-generator .workspace-content{grid-template-columns:1fr 340px;align-items:start;gap:1.25rem;width:100%;display:grid}.app-generator .manifest-actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.app-generator .manifest-actions-left{gap:.75rem;display:flex}.app-generator .manifest-actions-right{align-items:center;gap:.75rem;margin-left:auto;display:flex}.app-generator .btn-primary.wide{width:100%}.app-generator .workspace-column{flex-direction:column;gap:1rem;display:flex}.app-generator .sticky-manifest .task-manifest{position:sticky;top:12px}.app-generator .prompt-fields-scroll{max-height:calc(100vh - 320px);padding-right:.25rem;overflow-y:auto}.app-generator .workspace-sidebar{background:linear-gradient(145deg,#111,#0a0a0a);border:1px solid #2a2a2a;border-radius:16px;flex-direction:column;gap:1.5rem;width:100%;height:calc(100vh - 3rem);padding:1.5rem;display:flex;position:relative;overflow:hidden auto;box-shadow:0 4px 20px #0000004d}.app-generator .sidebar-toggle-floating{background:var(--surface-light);width:28px;height:28px;color:var(--text);border:1px solid var(--border);cursor:pointer;z-index:5;border-radius:999px;justify-content:center;align-items:center;font-weight:800;transition:transform .2s,opacity .2s;display:flex;position:absolute;top:18px;left:8px;box-shadow:0 2px 8px #00000040}.app-generator .workspace-container.sidebar-collapsed .sidebar-toggle-floating{opacity:1;left:12px;transform:translate(0)}.app-generator .workspace-rail{border:1px solid var(--border);background:linear-gradient(#ffffff05,#ffffff03);border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;height:calc(100vh - 3rem);padding:12px 8px;display:flex;box-shadow:0 4px 12px #00000040}.app-generator .rail-toolbar{flex-direction:column;gap:8px;width:100%;display:flex;position:sticky;top:8px}.app-generator .rail-button{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:center;white-space:normal;background:#ffffff08;border-radius:10px;padding:.5rem .65rem;font-size:.8rem;line-height:1.2;transition:background .15s,border-color .15s,transform .15s}.app-generator .rail-button:hover:not(:disabled){border-color:var(--primary);background:#ffffff0f;transform:translate(1px)}.app-generator .rail-button:disabled{opacity:.6;cursor:not-allowed}.app-generator .rail-button-accent{color:#0a0a0a;background:linear-gradient(135deg,#ff6b35,#ff914d);border-color:#ff6b35;font-weight:700}.app-generator .column-resizer,.app-generator .rail-resizer{cursor:col-resize;background:#ffffff05;border-left:1px solid #ffffff0f;border-right:1px solid #ffffff0f;justify-content:center;align-items:center;display:flex}.app-generator .resizer-handle{background:linear-gradient(#ffffff47,#ffffff14);border-radius:12px;width:6px;height:52px;display:inline-block;box-shadow:inset 0 1px 2px #00000059}.app-generator .column-resizer.active .resizer-handle,.app-generator .rail-resizer.active .resizer-handle{background:linear-gradient(#ff6b35,#ff914d)}.app-generator .workspace-preview{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:1rem;height:calc(100vh - 3rem);padding:1.5rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 4px 16px #00000038}.app-generator .sidebar-header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.app-generator .btn-icon{background:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:var(--transition);padding:.5rem}.app-generator .btn-icon:hover{background:var(--primary);border-color:var(--primary)}.app-generator .history-count{background:var(--primary);color:var(--text);border-radius:999px;padding:.375rem .75rem;font-size:.875rem;font-weight:700}.app-generator .files-list,.app-generator .history-timeline{flex-direction:column;flex:1;gap:.75rem;display:flex;overflow-y:auto}.app-generator .history-meta{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;display:grid}.app-generator .history-id{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-self:end;padding:0;font-size:.78rem}.app-generator .history-id:hover{color:var(--primary)}.app-generator .empty-state{height:100%;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:2rem;display:flex}.app-generator .file-item{background:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;justify-content:space-between;align-items:center;padding:1rem;display:flex}.app-generator .file-item:hover{border-color:var(--primary);background:var(--surface-bright)}.app-generator .file-info h4{margin-bottom:.25rem;font-size:.95rem}.app-generator .file-meta{color:var(--text-muted);font-size:.8rem}.app-generator .file-actions{gap:.5rem;display:flex}.app-generator .history-item{background:var(--surface-light);border:1px solid var(--border-light);border-left:3px solid var(--primary);border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;padding:1rem}.app-generator .history-item:hover{background:var(--surface-bright);border-left-color:var(--secondary)}.app-generator .history-item.active{border-left-color:var(--accent);background:var(--surface-bright)}.app-generator .history-meta{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;display:flex}.app-generator .history-prompt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.app-generator .workspace-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff03;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:1.75rem;min-height:100vh;padding:2rem 2.5rem 6rem;display:flex;position:relative;overflow:visible;box-shadow:0 4px 24px #0000004d}.app-generator .workspace-header{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border-bottom:2px solid #ffffff0f;border-radius:12px 12px 0 0;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:-2rem -2.5rem 1.5rem;padding:.875rem 1.25rem;display:flex;position:sticky;top:-2rem}.app-generator .workspace-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.app-generator .workspace-title{margin-right:auto;font-size:1rem;font-weight:700}@media (max-width:1024px){.app-generator .workspace-header{flex-direction:column;gap:.75rem;padding:.75rem 1rem}}.app-generator .workspace-toggles{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.app-generator .mode-toggle{background:#0006;border:1px solid #ffffff1a;border-radius:10px;gap:.375rem;padding:.25rem;display:flex;box-shadow:inset 0 1px 2px #0000004d}.app-generator .mode-toggle button{white-space:nowrap;border-radius:7px;padding:.5rem 1rem;font-size:.813rem;font-weight:600;transition:all .2s;position:relative}.app-generator .mode-toggle button.btn-primary{color:#fff;background:linear-gradient(135deg,#ff7043,#ff8c66);border:none;box-shadow:0 2px 8px #ff704366,inset 0 1px #fff3}.app-generator .mode-toggle button.btn-secondary{color:var(--text-muted);background:0 0;border:none}.app-generator .mode-toggle button.btn-secondary:hover:not(:disabled){color:var(--text);background:#ffffff14}.app-generator .mode-toggle button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.app-generator .mode-toggle button{padding:.5rem .75rem;font-size:.75rem}}.app-generator .json-editor textarea{min-height:360px;font-family:var(--font-mono)}.app-generator .json-editor-area{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:420px;overflow:hidden}.app-generator .json-editor-cm{width:100%}.app-generator .json-editor-cm .cm-editor{background:var(--surface);color:var(--text);height:100%}.app-generator .json-editor-cm .cm-scroller{font-family:var(--font-mono);font-size:13px;line-height:1.8}.app-generator .json-editor-cm .cm-content{caret-color:#fff}.app-generator .json-editor-cm .cm-gutters{color:#888;border-right:1px solid var(--border);background:#0d0d0d}.app-generator .json-editor-cm .cm-activeLineGutter{background:#161616}.app-generator .project-info{flex:1}.app-generator .task-manifest{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:1.25rem;width:100%;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.app-generator .task-manifest:hover{background:#ffffff08;border-color:#ffffff1f}.app-generator .project-info-block{background:#ff6b350d;border:1px solid #ff6b3526;border-radius:12px;gap:.75rem;padding:1.25rem;display:grid}.app-generator .project-info-name{color:var(--text);letter-spacing:-.02em;font-size:1.125rem;font-weight:700;line-height:1.4}.app-generator .project-info-desc{color:var(--text-muted);font-size:.875rem;line-height:1.6}.app-generator .task-manifest-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.75rem;display:flex}.app-generator .task-manifest-header h3{color:var(--text);margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.app-generator .task-manifest-header p{color:var(--text-muted);margin:0;font-size:.875rem}.app-generator .task-manifest-header .btn-secondary{flex-shrink:0}.app-generator .task-manifest textarea{width:100%;color:var(--text);resize:vertical;background:#0003;border:1px solid #ffffff14;border-radius:8px;min-height:140px;padding:.875rem 1.125rem;font-family:inherit;font-size:.9375rem;line-height:1.6;transition:all .3s}.app-generator .task-manifest textarea:hover{background:#0000004d;border-color:#ffffff1f}.app-generator .task-manifest textarea:focus{border-color:var(--primary);background:#0000004d;outline:none;box-shadow:0 0 0 4px #ff6b351f}.app-generator .task-manifest-error{color:#f87171;background:#f871711a;border:1px solid #f8717133;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.app-generator .task-manifest-empty{color:var(--text-muted);text-align:center;padding:2rem 1rem;font-size:.9rem}.app-generator .task-manifest-actions{justify-content:flex-end;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.app-generator .task-manifest-actions button{border-radius:8px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.app-generator .task-manifest-actions .btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--text);border:none;box-shadow:0 4px 16px #ff6b354d}.app-generator .task-manifest-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.app-generator .task-manifest-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.app-generator .task-manifest-actions .btn-secondary{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff1a}.app-generator .task-manifest-actions .btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:#ffffff14}.app-generator .prompt-fields{gap:.75rem;display:grid}.app-generator .prompt-field-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:.75rem;display:grid}.app-generator .prompt-fields.compact{gap:.5rem}.app-generator .prompt-field-row.compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.app-generator .prompt-field-row.compact button{padding:.5rem .75rem;font-size:.75rem}.app-generator .prompt-field-row input{width:100%;color:var(--text);font-family:var(--font-mono);background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;padding:.625rem .875rem;font-size:.875rem;transition:all .2s}.app-generator .prompt-field-row input:hover{background:#0f0f0f;border-color:#ff6b354d}.app-generator .prompt-field-row select{width:100%;color:var(--text);background:#0003;border:1px solid #ffffff14;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .3s}.app-generator .prompt-field-row select:hover{background:#0000004d;border-color:#ffffff1f}.app-generator .prompt-field-row select option{color:#f5f5f5;background:#111}.app-generator .prompt-field-row input:focus,.app-generator .prompt-field-row select:focus{background:#0f0f0f;border-color:#ff7043;outline:none;box-shadow:0 0 0 3px #ff704326}.app-generator .prompt-field-row input:disabled{color:#666;cursor:not-allowed;opacity:.6;background:#060606;border-color:#1a1a1a}.app-generator .prompt-field-hint{color:var(--text-muted);grid-column:1/-1;font-size:.8rem}.app-generator .prompt-input-area{background:var(--surface-light);border:2px solid var(--border-light);border-radius:var(--radius);transition:var(--transition);padding:1rem}.app-generator .prompt-input-area:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b351a}.app-generator .input-wrapper{align-items:flex-end;gap:1rem;display:flex}.app-generator .input-wrapper textarea{color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:60px;font-family:inherit;font-size:1rem}.app-generator .btn-send{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;padding:.75rem;display:flex}.app-generator .btn-send:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.app-generator .btn-send:hover{transform:scale(1.05);box-shadow:0 4px 12px #ff6b3566}.app-generator .btn-send:active{transform:scale(.95)}.app-generator .json-preview-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:static;box-shadow:0 4px 16px #0003}.app-generator .json-preview-panel:hover{background:#ffffff08;border-color:#ffffff1f}.app-generator .welcome-message{text-align:center;color:var(--text-muted)}.app-generator .welcome-message h3{color:var(--text);margin-bottom:.5rem}.app-generator .response-content{color:var(--text);flex-direction:column;gap:1rem;height:100%;font-size:1rem;line-height:1.8;display:flex}.app-generator .response-header{border-bottom:1px solid #ffffff0f;flex-direction:column;align-items:flex-start;gap:.75rem;padding-bottom:1rem;display:flex;position:relative}.app-generator .response-title{align-items:center;gap:.5rem;display:flex}.app-generator .response-header h4{color:var(--text);margin:0;font-size:1.125rem;font-weight:700}.app-generator .btn-copy-json{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;display:flex}.app-generator .btn-copy-json:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3566}.app-generator .btn-copy-json:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.app-generator .prompt-display{background:var(--surface);border:1px solid var(--border-light);border-left:3px solid var(--accent);border-radius:var(--radius-sm);gap:.75rem;padding:1rem;display:flex}.app-generator .prompt-label{color:var(--accent-dark);min-width:70px;font-weight:700}.app-generator .prompt-text{color:var(--text);flex:1}.app-generator .json-output{font-family:var(--font-mono);color:var(--text);white-space:pre;background:#0000004d;border:1px solid #ffffff14;border-radius:8px;min-height:16rem;max-height:calc(100vh - 12rem);padding:1.5rem;font-size:.7rem;line-height:1.8;transition:all .3s;overflow:auto;box-shadow:inset 0 2px 12px #0006}.app-generator .json-output:hover{border-color:#ffffff1f;box-shadow:inset 0 2px 12px #0006,0 0 0 1px #ff6b351a}.app-generator .response-header .btn-copy-json{margin-left:auto}.app-generator .response-actions.inline-actions{flex-direction:column;gap:.5rem;width:100%;display:flex}.app-generator .response-actions.inline-actions .btn-secondary,.app-generator .response-actions.inline-actions .btn-copy-json{text-align:center;justify-content:center;width:100%}.app-generator .workspace-sidebar .task-manifest-header{flex-direction:column;align-items:flex-start}.app-generator .workspace-sidebar .task-manifest{width:100%}.app-generator .workspace-sidebar .task-manifest-header .btn-secondary{justify-content:center;width:100%}.app-generator .workspace-sidebar select{width:100%}.app-generator .workspace-sidebar .prompt-field-row{flex-wrap:wrap;grid-template-columns:minmax(0,1fr)}.app-generator .workspace-sidebar .prompt-field-row.compact{grid-template-columns:minmax(0,1fr)}.app-generator .workspace-sidebar .prompt-field-row input,.app-generator .workspace-sidebar .prompt-field-row select,.app-generator .workspace-sidebar .prompt-field-row button{width:100%}.app-generator .workspace-sidebar .prompt-fields.compact .prompt-field-row{background:#00000026;border-radius:8px;margin-bottom:.4rem;padding:.5rem .75rem;transition:all .2s}.app-generator .workspace-sidebar .prompt-fields.compact .prompt-field-row:hover{background:#ff6b350d;border-color:#ff6b3533}.app-generator .workspace-sidebar .prompt-fields.compact .prompt-field-row:last-child{border-bottom:1px solid #2a2a2a;margin-bottom:.625rem}.app-generator .workspace-sidebar .task-manifest-empty{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-generator .history-panel{flex-direction:column;flex:1;display:flex}.app-generator .json-var{color:#ff3d00;font-weight:700}.app-generator .vars-suggest{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:60;width:280px;position:fixed;overflow:hidden;box-shadow:0 14px 40px #00000080}.app-generator .vars-suggest-head{border-bottom:1px solid var(--border);padding:.75rem 1rem;font-weight:700}.app-generator .vars-suggest-list{max-height:280px;overflow-y:auto}.app-generator .vars-suggest-item{text-align:left;width:100%;color:var(--text);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:.7rem 1rem}.app-generator .vars-suggest-item:hover{background:var(--surface-light);color:var(--primary)}.app-generator .vars-suggest-empty{color:var(--text-muted);padding:1rem;font-size:.85rem}.app-generator .history-overlay{z-index:55;background:#0000008c;position:fixed;inset:0}.app-generator .history-drawer{background:var(--surface);border-left:1px solid var(--border);z-index:56;flex-direction:column;gap:1rem;width:320px;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;right:0;box-shadow:-12px 0 30px #0006}.app-generator ::-webkit-scrollbar{width:10px;height:10px}.app-generator ::-webkit-scrollbar-track{background:var(--surface);border-radius:var(--radius-sm)}.app-generator ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:var(--radius-sm)}.app-generator ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-hover),var(--secondary))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.app-generator .form-section,.app-generator .preset-card{animation:.5s fadeIn}.app-generator .file-item,.app-generator .history-item{animation:.4s slideInFromRight}.app-generator .manifest-preview{animation:.5s zoomIn}@media (max-width:1200px){.app-generator .form-layout{grid-template-columns:1fr}.app-generator .form-sidebar{position:relative;top:0}}@media (max-width:1024px){.app-generator .workspace-container{grid-template-columns:1fr;grid-auto-rows:auto;row-gap:1rem}.app-generator .workspace-sidebar,.app-generator .workspace-main,.app-generator .workspace-preview{grid-column:1/-1;height:auto;max-height:none}.app-generator .workspace-main{padding-bottom:2rem;overflow:visible}.app-generator .workspace-rail,.app-generator .column-resizer{display:none}.app-generator .workspace-content{grid-template-columns:1fr}}@media (max-width:768px){.app-generator{padding:1rem}.app-generator .hero{flex-direction:column;padding:1.5rem}.app-generator h1{font-size:2rem}.app-generator .form-section{padding:1.5rem}.app-generator .preset-grid{grid-template-columns:1fr}.app-generator .input-wrapper{flex-direction:column;align-items:stretch}}.jp-landing{font-family:var(--font-sans);color:#f5f5f5;background:radial-gradient(circle at top,#ff6b351f,#0000 45%),radial-gradient(circle at 20% 20%,#ffd23f14,#0000 40%),#0a0a0a}.jp-container{max-width:1180px;margin:0 auto;padding:0 24px}.jp-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0ad9;border-bottom:1px solid #1f1f1f;position:sticky;top:0}.jp-brand{align-items:baseline;gap:12px;font-weight:700;display:flex}.jp-logo{letter-spacing:.04em;text-transform:uppercase;font-size:20px}.jp-brand-sub{text-transform:uppercase;letter-spacing:.2em;color:#ff6b35;font-size:12px}.jp-header .jp-container{justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.jp-nav{text-transform:uppercase;letter-spacing:.2em;gap:18px;font-size:12px;display:flex}.jp-nav a{color:#9a9a9a;transition:color .2s}.jp-nav a:hover{color:#fff}.jp-actions{align-items:center;gap:12px;display:flex}.jp-button{letter-spacing:.12em;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.jp-button-primary{color:#0a0a0a;background:#ff6b35;box-shadow:0 12px 32px #ff6b354d}.jp-button-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px #ff6b3573}.jp-button-ghost{color:#f5f5f5;border:1px solid #303030}.jp-button-ghost:hover{color:#ff6b35;border-color:#ff6b35}.jp-hero{padding:100px 0 80px}.jp-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:40px;display:grid}.jp-hero-copy h1{margin-bottom:24px;font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.05}.jp-eyebrow{text-transform:uppercase;letter-spacing:.28em;color:#ff6b35;margin-bottom:18px;font-size:12px}.jp-subtitle{color:#b5b5b5;max-width:520px;margin-bottom:32px;font-size:18px}.jp-hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.jp-trust{color:#8d8d8d;text-transform:uppercase;letter-spacing:.2em;flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.jp-hero-card{background:#121212;border:1px solid #2b2b2b;border-radius:18px;padding:24px;box-shadow:0 20px 50px #00000073}.jp-card-header{text-transform:uppercase;letter-spacing:.2em;color:#8b8b8b;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px;display:flex}.jp-tag{color:#ff6b35;letter-spacing:.2em;border:1px solid #ff6b35;border-radius:999px;padding:4px 8px;font-size:10px}.jp-code{font-family:var(--font-mono);color:#ffd23f;white-space:pre-wrap;font-size:12px;line-height:1.6}.jp-section{border-top:1px solid #1d1d1d;padding:80px 0}.jp-section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.jp-section-head p{color:#a5a5a5;max-width:420px}.jp-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.jp-panel{background:#121212;border:1px solid #2a2a2a;border-radius:16px;padding:28px}.jp-panel-accent{border-color:#ff6b3599;box-shadow:inset 0 0 0 1px #ff6b354d}.jp-panel ul,.jp-benefits ul,.jp-price-card ul{color:#b7b7b7;gap:10px;margin-top:16px;display:grid}.jp-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;list-style:none;display:grid}.jp-steps li{background:#111;border:1px solid #2a2a2a;border-radius:16px;padding:24px}.jp-step-num{letter-spacing:.2em;color:#ff6b35;margin-bottom:12px;font-size:12px;display:inline-block}.jp-example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.jp-example{background:#101010;border:1px solid #2a2a2a;border-radius:16px;padding:24px}.jp-benefits{background:linear-gradient(135deg,#ff6b351f,#0006);border:1px solid #2a2a2a;border-radius:16px;padding:24px}.jp-audience-grid,.jp-features-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.jp-audience-grid article,.jp-features-grid div{background:#111;border:1px solid #2a2a2a;border-radius:16px;padding:24px}.jp-table{border:1px solid #2a2a2a;border-radius:16px;overflow-x:auto}.jp-table table{border-collapse:collapse;width:100%;min-width:540px}.jp-table th,.jp-table td{text-align:left;border-bottom:1px solid #232323;padding:16px;font-size:14px}.jp-table th{text-transform:uppercase;letter-spacing:.2em;color:#9b9b9b;font-size:11px}.jp-features-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.jp-pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.jp-price-card{background:#111;border:1px solid #2a2a2a;border-radius:18px;flex-direction:column;gap:12px;padding:24px;display:flex}.jp-price-featured{border-color:#ff6b35;box-shadow:0 18px 40px #ff6b3540}.jp-price{color:#ffd23f;font-size:28px;font-weight:700}.jp-price-vat{color:#9d9d9d;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.jp-price-meta{color:#9d9d9d;text-transform:uppercase;letter-spacing:.2em;font-size:12px}.jp-cta{padding:80px 0 100px}.jp-cta-inner{background:linear-gradient(135deg,#ff6b352e,#00000080);border:1px solid #2a2a2a;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:32px 40px;display:flex}.jp-footer{color:#7c7c7c;text-transform:uppercase;letter-spacing:.2em;border-top:1px solid #1d1d1d;padding:32px 0 48px;font-size:12px}.jp-footer .jp-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.jp-footer-links{flex-wrap:wrap;gap:14px;display:flex}.jp-footer-links a{color:#9a9a9a}.jp-footer-links a:hover{color:#ff6b35}.jp-fade{animation:.8s both jpFade}.jp-rise{animation:.8s both jpRise}@keyframes jpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes jpRise{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1100px){.jp-hero-grid,.jp-split,.jp-example-grid,.jp-features-grid,.jp-pricing-grid,.jp-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.jp-header .jp-container{flex-direction:column;align-items:flex-start}.jp-nav{flex-wrap:wrap}.jp-actions{justify-content:flex-start;width:100%}.jp-cta-inner{flex-direction:column;align-items:flex-start}}@media (max-width:720px){.jp-hero-grid,.jp-split,.jp-example-grid,.jp-features-grid,.jp-pricing-grid,.jp-audience-grid{grid-template-columns:1fr}.jp-hero{padding:80px 0 60px}.jp-nav{display:none}}.app-generator .vars-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:1.5rem;padding:1.5rem}.app-generator .vars-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.app-generator .vars-header h4{font-size:1rem}.app-generator .vars-header span{color:var(--text-muted);font-size:.8rem}.app-generator .vars-empty{color:var(--text-muted);font-size:.9rem}.app-generator .vars-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.app-generator .vars-grid label{color:var(--text-secondary);flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.app-generator .vars-grid input{border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--surface-light);color:var(--text);padding:.65rem .85rem;font-size:.9rem}.app-generator .vars-grid input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff6b351a}.app-shell{color:#f5f5f5;background:radial-gradient(circle at top,#ff6b351f,#0000 45%),radial-gradient(circle at 20% 20%,#ffd23f14,#0000 40%),#0a0a0a;min-height:100vh}.app-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0ad9;border-bottom:1px solid #1f1f1f;position:sticky;top:0}.app-header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:18px 24px;display:flex}.app-brand{align-items:baseline;gap:12px;font-weight:700;display:flex}.app-logo{letter-spacing:.06em;text-transform:uppercase;font-size:18px}.app-brand-sub{text-transform:uppercase;letter-spacing:.2em;color:#ff6b35;font-size:11px}.app-nav{text-transform:uppercase;letter-spacing:.2em;gap:16px;font-size:11px;display:flex}.app-nav a{color:#9a9a9a}.app-nav a:hover{color:#fff}.app-actions{align-items:center;gap:16px;display:flex}.app-nav-link{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.app-nav-link:hover{color:var(--text)}.app-button{letter-spacing:.12em;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:11px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.app-button-primary{color:#0a0a0a;background:#ff6b35;box-shadow:0 12px 32px #ff6b354d}.app-button-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px #ff6b3573}.app-button-ghost{color:#f5f5f5;border:1px solid #303030}.app-button-ghost:hover{color:#ff6b35;border-color:#ff6b35}.app-container{max-width:1180px;margin:0 auto;padding:40px 24px}.app-container.account-page{flex-direction:column;gap:20px;display:flex}.app-container.account-page>*{margin:0}.app-input{border:1px solid var(--border);width:100%;color:var(--text);background:#0f0f0f;border-radius:12px;padding:10px 12px}.app-card{background:#111;border:1px solid #2a2a2a;border-radius:16px;padding:24px;box-shadow:0 20px 50px #00000059}.app-title{text-transform:uppercase;font-size:32px;font-weight:700}.app-subtitle{color:#b5b5b5;font-size:16px}.app-grid{gap:20px;display:grid}.app-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.app-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.app-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.app-muted{color:#9a9a9a}.form-error{color:#f87171;margin-top:.75rem;font-size:.9rem}.dashboard-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;display:grid}.dashboard-hero-content{flex-direction:column;gap:16px;display:flex}.dashboard-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#ff6b35;font-size:11px}.dashboard-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.dashboard-hero-panel{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:16px;flex-direction:column;gap:20px;padding:20px;display:flex}.dashboard-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-kpi-value{color:#ffd23f;font-size:28px;font-weight:800}.dashboard-kpi-label{text-transform:uppercase;letter-spacing:.2em;color:#9a9a9a;font-size:11px}.dashboard-activity{border-top:1px solid #2a2a2a;gap:6px;padding-top:16px;display:grid}.dashboard-activity-title{text-transform:uppercase;letter-spacing:.2em;color:#9a9a9a;font-size:11px}.dashboard-activity-value{color:#f5f5f5;font-size:14px}.dashboard-section{gap:16px;margin-top:32px;display:grid}.dashboard-section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-card{gap:10px;transition:transform .2s,border-color .2s;display:grid}.dashboard-card:hover{border-color:#ff6b35;transform:translateY(-3px)}.dashboard-card-title{font-size:18px;font-weight:700}.dashboard-card-meta{text-transform:uppercase;letter-spacing:.2em;color:#9a9a9a;font-size:12px}.dashboard-empty{color:#9a9a9a;font-size:14px}.dashboard-list{gap:16px;display:grid}.dashboard-list-item{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.dashboard-list-item:last-child{border-bottom:none;padding-bottom:0}.dashboard-list-title{font-size:16px;font-weight:600}.dashboard-list-meta{color:#9a9a9a;white-space:nowrap;font-size:12px}.app-footer{background:#0a0a0af2;border-top:1px solid #1f1f1f;padding:28px 0}.app-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto;padding:0 24px;display:flex}.app-footer-brand{letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:700}.app-footer-sub{color:#9a9a9a;margin-top:6px;font-size:13px}.app-footer-links{text-transform:uppercase;letter-spacing:.14em;flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.app-footer-links a{color:#9a9a9a;transition:color .2s}.app-footer-links a:hover{color:#ff6b35}.app-footer-copy{color:#9a9a9a;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.prompt-fields{gap:.75rem;display:grid}.prompt-field-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:.75rem;display:grid}.prompt-field-row input,.prompt-field-row select{color:#f5f5f5;background:0 0;border:1px solid #2a2a2a;border-radius:10px;width:100%;padding:.65rem .85rem;font-family:inherit}.prompt-field-row input:focus,.prompt-field-row select:focus{border-color:#ff6b35;outline:none;box-shadow:0 0 0 3px #ff6b351a}.prompt-field-row input:disabled{color:#9a9a9a}.prompt-field-hint{color:#9a9a9a;grid-column:1/-1;font-size:.8rem}.legal-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.legal-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#ff6b35;margin-bottom:8px;font-size:11px}.legal-title{text-transform:uppercase;margin-bottom:8px;font-size:36px;font-weight:700}.legal-updated{color:#9a9a9a;font-size:14px}.legal-actions{flex-wrap:wrap;gap:12px;display:flex}.legal-article{background:#111;border:1px solid #2a2a2a;border-radius:16px;padding:32px;line-height:1.7;box-shadow:0 20px 50px #00000059}.legal-article section+section{margin-top:24px}.legal-article h2{margin-bottom:8px;font-size:20px;font-weight:700}.legal-article p{color:#d6d6d6}.legal-article a{color:#ff6b35}.legal-article ul{color:#d6d6d6;gap:6px;padding-left:20px;list-style:outside;display:grid}.api-hero{border:2px dashed var(--border)}.api-key-preview{border:1px dashed var(--border);background:#0f0f0f;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:16px;display:flex}.api-key-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:12px}.api-key-value{font-family:var(--font-mono);color:#ffd23f;overflow-wrap:anywhere}.api-usage-bar{border:1px solid var(--border);background:#0f0f0f;border-radius:999px;width:100%;height:12px;overflow:hidden}.api-usage-fill{background:linear-gradient(90deg,#ff7043,#ffd23f);height:100%;transition:width .2s}.api-usage-pill{border:1px solid var(--border);background:#0f0f0f;border-radius:999px;padding:8px 12px;font-weight:700}.api-snippet{border:1px solid var(--border);font-family:var(--font-mono);white-space:pre-wrap;background:#0f0f0f;border-radius:12px;padding:16px;overflow-x:auto}.api-keys-list{flex-direction:column;gap:12px;display:flex}.api-key-row{border:1px solid var(--border);background:#0f0f0f;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:14px 16px;display:flex}.api-key-name{font-size:16px;font-weight:700}.api-key-meta{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.preset-tabs{border-bottom:2px solid #ffffff0d;gap:.75rem;margin:1.5rem 0 2rem;padding-bottom:0;display:flex}.preset-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;margin-bottom:-2px;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.preset-tab:hover{color:var(--text);background:#ffffff05}.preset-tab.active{color:var(--text);border-bottom:2px solid var(--primary);background:#ff6b3514;font-weight:700}.preset-tab.active:before{content:"";background:linear-gradient(90deg,var(--primary),var(--secondary));height:2px;position:absolute;top:0;left:0;right:0}.preset-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill{border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:12px}.preset-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.response-actions{align-items:center;gap:12px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:linear-gradient(145deg,#111,#0a0a0a);border:1px solid #2a2a2a;border-radius:20px;width:100%;max-width:560px;padding:32px;animation:.3s slideUp;position:relative;box-shadow:0 25px 80px #000000b3,0 0 1px #ff6b3533}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-card h3{color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:1.75rem;font-weight:700}.modal-card>p.muted{color:var(--text-muted);margin-bottom:28px;font-size:.95rem;line-height:1.5}.modal-actions{border-top:1px solid #2a2a2a;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:24px;display:flex}.modal-card .form-group{margin-bottom:20px}.modal-card .form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.checkbox{cursor:pointer;background:#ff6b350d;border:1px solid #ff6b3526;border-radius:12px;align-items:center;gap:12px;margin-top:20px;padding:16px;transition:all .2s;display:flex}.checkbox:hover{background:#ff6b3514;border-color:#ff6b3540}.checkbox input[type=checkbox]{cursor:pointer;accent-color:#ff7043;width:20px;height:20px}.checkbox span{color:var(--text-secondary);font-size:.95rem;font-weight:500}.modal-card .app-input,.modal-card .app-textarea{width:100%;color:var(--text);font-size:.95rem;font-family:var(--font-mono);background:#0a0a0a;border:1px solid #2a2a2a;border-radius:10px;padding:12px 16px;transition:all .2s;box-shadow:inset 0 1px #ffffff0a}.modal-card .app-input:focus,.modal-card .app-textarea:focus{border-color:#ff7043;outline:none;box-shadow:0 0 0 3px #ff704333}.modal-card .app-textarea{resize:vertical;min-height:80px;line-height:1.6}.icon-picker-container{position:relative}.icon-preview-button{cursor:pointer;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.icon-preview-button:hover{background:#0f0f0f;border-color:#ff7043}.icon-preview-emoji{font-size:1.75rem;line-height:1}.icon-preview-image{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:32px;height:32px}.icon-preview-text{color:var(--text-muted);flex:1;font-size:.95rem}.icon-preview-button svg{color:var(--text-muted)}.icon-picker-dropdown{z-index:100;background:linear-gradient(145deg,#111,#0a0a0a);border:1px solid #2a2a2a;border-radius:12px;padding:12px;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 10px 40px #00000080}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.icon-picker-grid{grid-template-columns:repeat(10,1fr);gap:6px;max-height:240px;margin-bottom:12px;display:grid;overflow-y:auto}.icon-picker-item{aspect-ratio:1;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:1.5rem;transition:all .2s;display:flex}.icon-picker-item:hover{background:#ff70431a;border-color:#ff70434d;transform:scale(1.1)}.icon-picker-item.active{background:#ff704333;border-color:#ff7043}.icon-picker-custom{border-top:1px solid #2a2a2a;padding-top:12px}.icon-picker-custom input[type=text]{margin-bottom:12px;padding:10px 14px;font-size:.875rem}.icon-upload-section{align-items:center;gap:12px;display:flex}.icon-upload-button{color:var(--text-secondary);cursor:pointer;background:#ff70431a;border:1px solid #ff70434d;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.icon-upload-button:hover{background:#ff704326;border-color:#ff7043;transform:translateY(-1px)}.icon-upload-button svg{color:#ff7043}.icon-upload-hint{color:var(--text-muted);font-size:.75rem}.ai-mode-layout{flex-direction:column;width:100%;height:100%;min-height:520px;padding:0;display:flex;position:relative}.ai-mode-chat{background:linear-gradient(145deg,#111,#0a0a0a);border:1px solid #2a2a2a;border-radius:12px;flex-direction:column;flex:1;gap:12px;width:100%;height:100%;min-height:0;padding:16px;display:flex}.ai-mode-chat-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ai-mode-chat-header h3{color:#fff;margin:0 0 4px;font-size:1rem;font-weight:700}.ai-mode-chat-header .muted{color:var(--text-muted);font-size:.875rem;line-height:1.4}.ai-mode-chat-container{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.ai-mode-chat-messages{background:#0003;border-radius:10px;flex:1;min-height:320px;padding:12px;overflow-y:auto}.ai-mode-chat-messages::-webkit-scrollbar{width:6px}.ai-mode-chat-messages::-webkit-scrollbar-track{background:#0003;border-radius:10px}.ai-mode-chat-messages::-webkit-scrollbar-thumb{background:#ff6b354d;border-radius:10px}.ai-mode-chat-messages::-webkit-scrollbar-thumb:hover{background:#ff6b3580}.ai-mode-chat-welcome{text-align:center;padding:32px 24px}.ai-mode-chat-welcome-icon{margin-bottom:12px;font-size:3rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ai-mode-chat-welcome h4{color:#fff;margin-bottom:8px;font-size:1.25rem;font-weight:700}.ai-mode-chat-welcome p{color:var(--text-muted);font-size:.875rem;line-height:1.5}.ai-mode-chat-input{z-index:10;background:linear-gradient(145deg,#111,#0a0a0a);border-top:1px solid #2a2a2a;border-radius:0 0 12px 12px;align-items:flex-end;gap:10px;margin:0 -16px -16px;padding:12px 16px;display:flex;position:sticky;bottom:0}.ai-mode-chat-input textarea{width:100%;min-height:60px;max-height:120px;color:var(--text);font-family:var(--font-sans);resize:vertical;box-sizing:border-box;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:10px;flex:1;padding:10px 14px;font-size:.875rem;line-height:1.5;transition:all .2s}.ai-mode-chat-input textarea:focus{border-color:#ff7043;outline:none;box-shadow:0 0 0 3px #ff70431a}.ai-mode-chat-send{color:#fff;cursor:pointer;white-space:nowrap;background:#ff7043;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 14px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.ai-mode-chat-send:hover{background:#ff8c66;transform:translateY(-1px);box-shadow:0 2px 8px #ff70434d}.ai-mode-chat-send:active{transform:translateY(0)}.ai-mode-chat-send svg{display:block}.ai-mode-controls{z-index:100;background:linear-gradient(145deg,#111,#0a0a0a);border:1px solid #2a2a2a;border-radius:12px;flex-direction:column;gap:12px;width:320px;height:100%;padding:14px;transition:transform .3s,opacity .3s;display:flex;position:absolute;top:0;bottom:0;right:20px;overflow-y:auto;box-shadow:0 8px 32px #0006}.ai-mode-controls.hidden{opacity:0;pointer-events:none;transform:translate(calc(100% + 20px))}.ai-controls-header{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.ai-controls-header h3{color:#fff;margin:0;font-size:1rem;font-weight:700}.ai-controls-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.ai-controls-close:hover{color:#ff7043;background:#ff70431a}.ai-show-settings-btn{color:#ff7043;cursor:pointer;white-space:nowrap;background:#ff70431a;border:1px solid #ff70434d;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.ai-show-settings-btn:hover{background:#ff704333;border-color:#ff7043;transform:translateY(-1px)}.ai-controls-section{background:#00000040;border:1px solid #2a2a2a;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.ai-controls-heading{flex-direction:column;gap:4px;display:flex}.ai-controls-title{letter-spacing:.3px;font-weight:700}.ai-controls-subtitle{color:var(--text-muted);font-size:.8rem}.ai-controls-error{font-size:.813rem}.ai-setting.stacked{flex-direction:column;gap:6px;display:flex}.ai-setting.stacked input[type=range]{width:100%}.ai-setting.stacked input[type=number],.ai-model-select{width:100%;color:var(--text);background:#0a0a0a;border:1px solid #2a2a2a;border-radius:10px;padding:8px 10px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.ai-model-select:focus,.ai-setting.stacked input[type=number]:focus{border-color:#ff7043;outline:none;box-shadow:0 0 0 2px #ff70431f}.ai-model-select:disabled{opacity:.6;cursor:not-allowed}.ai-token-hint{color:var(--text-muted);background:#0000004d;border:1px solid #2a2a2a;border-radius:6px;margin-top:8px;padding:8px 10px;font-size:.75rem}.ai-token-hint.warning{color:#fa0;background:#ffaa001a;border-color:#fa0}.ai-compact-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ai-compact-button{color:var(--text);cursor:pointer;background:#00000040;border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;font-size:.75rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.ai-compact-button:hover{border-color:#ff704380;transform:translateY(-1px);box-shadow:0 4px 10px #ff70432e}.ai-compact-button:active{transform:translateY(0)}.ai-compact-button-icon{font-size:1.2rem;line-height:1}.ai-compact-button-label{text-align:center;font-size:.7rem}.ai-controls-footer{align-items:stretch}.ai-mode-chat-message{flex-direction:column;gap:6px;margin-bottom:16px;animation:.3s fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-mode-chat-message.user{align-items:flex-end}.ai-mode-chat-message.assistant{align-items:flex-start}.ai-mode-chat-meta{align-items:center;gap:8px;font-size:.75rem;display:flex}.ai-mode-chat-role{color:var(--text-muted);font-weight:600}.ai-mode-chat-tokens{color:var(--text-muted);opacity:.7}.ai-mode-chat-bubble{border-radius:16px;max-width:85%;padding:12px 16px;font-size:.875rem;line-height:1.5}.ai-mode-chat-message.user .ai-mode-chat-bubble{color:#fff;background:linear-gradient(135deg,#ff7043,#ff5722);border-bottom-right-radius:4px}.ai-mode-chat-message.assistant .ai-mode-chat-bubble{color:var(--text);background:#ffffff14;border:1px solid #ffffff1a;border-bottom-left-radius:4px}.ai-mode-chat-error{color:#ff5252;background:#ff525226;border:1px solid #ff52524d;border-radius:10px;padding:12px 16px;font-size:.875rem}.ai-typing-indicator{align-items:center;gap:4px;padding:4px 0;display:inline-flex}.ai-typing-indicator span{background:#ff704399;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typingBounce}.ai-typing-indicator span:first-child{animation-delay:0s}.ai-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.markdown-content{word-wrap:break-word;overflow-wrap:break-word}.markdown-content p,.markdown-p{margin:0 0 .75em}.markdown-content p:last-child,.markdown-p:last-child{margin-bottom:0}.markdown-h2{color:#fff;margin:1em 0 .5em;font-size:1.25rem;font-weight:700}.markdown-h3{color:#fff;margin:.75em 0 .4em;font-size:1.1rem;font-weight:600}.markdown-h4{color:#fff;margin:.5em 0 .3em;font-size:1rem;font-weight:600}.markdown-code-block{font-family:var(--font-mono);background:#0006;border:1px solid #ffffff1a;border-radius:8px;margin:.75em 0;padding:12px;font-size:.8rem;overflow-x:auto}.markdown-code-block code{color:#e0e0e0;background:0 0;padding:0}.markdown-inline-code{color:#ff8a65;font-family:var(--font-mono);background:#ff704326;border-radius:4px;padding:2px 6px;font-size:.85em}.markdown-ul,.markdown-ol{margin:.5em 0;padding-left:1.5em}.markdown-li,.markdown-li-ordered{margin:.25em 0}.markdown-blockquote{color:var(--text-muted);border-left:3px solid #ff7043;margin:.75em 0;padding-left:12px;font-style:italic}.markdown-link{color:#ff8a65;text-decoration:none}.markdown-link:hover{text-decoration:underline}.markdown-hr{border:none;border-top:1px solid #ffffff1a;margin:1em 0}@media (max-width:1024px){.ai-mode-controls{width:280px;max-height:calc(100vh - 100px);top:60px;right:16px}}@media (max-width:768px){.ai-mode-chat{padding:12px}.ai-mode-controls{width:calc(100vw - 32px);padding:12px;left:16px;right:16px}.ai-compact-grid{gap:6px}.ai-compact-button{font-size:.7rem}.ai-compact-button-icon{font-size:1rem}.ai-show-settings-btn{padding:6px 10px;font-size:.8rem}}.app-alert{border:1px dashed var(--border);color:var(--text);background:#ff704314;border-radius:12px;margin-bottom:12px;padding:12px}.swagger-shell .app-container{max-width:1200px}.swagger-hero{justify-content:space-between;align-items:center;gap:16px;display:flex}.swagger-link{font-family:var(--font-mono);color:var(--primary);font-weight:600}.swagger-card{background:var(--bg);padding:0;overflow:hidden}.swagger-actions{gap:12px;display:flex}.swagger-ui{background:var(--bg)!important;font-family:var(--font-sans)!important;color:var(--text)!important;padding:24px!important}.swagger-ui *{font-family:var(--font-sans)!important}.swagger-ui code,.swagger-ui pre,.swagger-ui .model-box,.swagger-ui .opblock-summary-path,.swagger-ui .parameter__name,.swagger-ui .parameter__type{font-family:var(--font-mono)!important}.swagger-ui .topbar{display:none!important}.swagger-ui .info{background:0 0!important;margin:24px 0!important}.swagger-ui .info .title{color:var(--text)!important;text-transform:uppercase!important;letter-spacing:.02em!important;margin-bottom:12px!important;font-size:32px!important;font-weight:700!important}.swagger-ui .info .description,.swagger-ui .info p{color:var(--text-muted)!important;font-size:14px!important;line-height:1.6!important}.swagger-ui .info a{color:var(--primary)!important;border-bottom:2px solid var(--primary)!important;text-decoration:none!important;transition:border-color .2s!important}.swagger-ui .info a:hover{border-color:var(--primary-hover)!important}.swagger-ui .scheme-container{background:var(--surface)!important;border:2px solid var(--border)!important;box-shadow:none!important;border-radius:0!important;margin:24px 0!important;padding:20px!important}.swagger-ui .auth-wrapper{padding:0!important}.swagger-ui .auth-container{border:none!important;margin:0!important}.swagger-ui .authorization__btn{background:var(--primary)!important;color:var(--bg)!important;text-transform:uppercase!important;letter-spacing:.05em!important;cursor:pointer!important;border:none!important;border-radius:0!important;padding:10px 20px!important;font-size:13px!important;font-weight:600!important;transition:background .2s!important}.swagger-ui .authorization__btn:hover{background:var(--primary-hover)!important}.swagger-ui .authorization__btn.locked{background:var(--success)!important}.swagger-ui .authorization__btn.unlocked{background:var(--border)!important}.swagger-ui .opblock-tag-section{margin-bottom:24px!important}.swagger-ui .opblock-tag{color:var(--text)!important;text-transform:uppercase!important;letter-spacing:.03em!important;border-bottom:3px solid var(--border)!important;margin:32px 0 16px!important;padding:12px 0!important;font-size:20px!important;font-weight:700!important}.swagger-ui .opblock{background:var(--surface)!important;border:2px solid var(--border)!important;box-shadow:none!important;border-radius:0!important;margin-bottom:16px!important}.swagger-ui .opblock.is-open{border-color:var(--primary)!important}.swagger-ui .opblock-summary{cursor:pointer!important;background:0 0!important;border:none!important;align-items:center!important;padding:16px 20px!important}.swagger-ui .opblock-summary:hover{background:#ff70430d!important}.swagger-ui .opblock-summary-method{background:var(--primary)!important;color:var(--bg)!important;text-transform:uppercase!important;letter-spacing:.05em!important;text-align:center!important;border:none!important;border-radius:0!important;min-width:80px!important;padding:8px 16px!important;font-size:13px!important;font-weight:700!important}.swagger-ui .opblock.opblock-post .opblock-summary-method{background:var(--accent-cyan)!important}.swagger-ui .opblock.opblock-get .opblock-summary-method{background:var(--success)!important}.swagger-ui .opblock.opblock-put .opblock-summary-method{background:#f59e0b!important}.swagger-ui .opblock.opblock-delete .opblock-summary-method{background:var(--error)!important}.swagger-ui .opblock-summary-path{color:var(--text)!important;flex-grow:1!important;padding:0 16px!important;font-size:16px!important;font-weight:600!important}.swagger-ui .opblock-summary-description{color:var(--text-muted)!important;font-size:14px!important}.swagger-ui .opblock-body{background:var(--bg)!important;padding:20px!important}.swagger-ui .opblock-section-header{border-bottom:2px solid var(--border)!important;background:0 0!important;margin-bottom:16px!important;padding:12px 0!important}.swagger-ui .opblock-section-header h4{color:var(--text)!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:16px!important;font-weight:700!important}.swagger-ui .parameters-col_description{color:var(--text-muted)!important}.swagger-ui .parameter__name{color:var(--text)!important;font-size:14px!important;font-weight:600!important}.swagger-ui .parameter__type{color:var(--accent-cyan)!important;font-size:12px!important}.swagger-ui .parameter__in{color:var(--text-muted)!important;font-size:12px!important}.swagger-ui table thead tr th{background:var(--surface)!important;color:var(--text)!important;border-bottom:2px solid var(--border)!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:12px!important;font-size:12px!important;font-weight:700!important}.swagger-ui table tbody tr td{color:var(--text)!important;border-bottom:1px solid var(--border)!important;padding:12px!important}.swagger-ui .btn{background:var(--primary)!important;color:var(--bg)!important;text-transform:uppercase!important;letter-spacing:.05em!important;box-shadow:none!important;cursor:pointer!important;border:none!important;border-radius:0!important;padding:10px 20px!important;font-size:13px!important;font-weight:600!important;transition:background .2s!important}.swagger-ui .btn:hover{background:var(--primary-hover)!important;color:var(--bg)!important}.swagger-ui .btn.cancel{background:var(--border)!important;color:var(--text)!important}.swagger-ui .btn.cancel:hover{background:#505050!important}.swagger-ui .btn.execute{background:var(--success)!important}.swagger-ui .btn.execute:hover{background:#059669!important}.swagger-ui .try-out__btn{background:var(--primary)!important;color:var(--bg)!important;text-transform:uppercase!important;letter-spacing:.05em!important;border:none!important;border-radius:0!important;padding:8px 16px!important;font-size:12px!important;font-weight:600!important}.swagger-ui input[type=text],.swagger-ui input[type=password],.swagger-ui textarea,.swagger-ui select{background:var(--bg)!important;border:2px solid var(--border)!important;color:var(--text)!important;border-radius:0!important;padding:10px 12px!important;font-size:14px!important}.swagger-ui input[type=text]:focus,.swagger-ui input[type=password]:focus,.swagger-ui textarea:focus,.swagger-ui select:focus{border-color:var(--primary)!important;outline:none!important}.swagger-ui .responses-wrapper{margin-top:24px!important}.swagger-ui .responses-inner{background:var(--surface)!important;border:2px solid var(--border)!important;border-radius:0!important;padding:16px!important}.swagger-ui .response-col_status{color:var(--text)!important;font-weight:700!important}.swagger-ui .response-col_description,.swagger-ui .response .response-col_status .response-undocumented{color:var(--text-muted)!important}.swagger-ui pre,.swagger-ui .highlight-code{background:var(--bg)!important;border:2px solid var(--border)!important;color:var(--text)!important;border-radius:0!important;padding:16px!important;overflow:auto!important}.swagger-ui .highlight-code>pre{border:none!important;padding:0!important}.swagger-ui code{background:var(--surface)!important;color:var(--primary)!important;border-radius:0!important;padding:2px 6px!important}.swagger-ui .model-box,.swagger-ui .model{background:var(--surface)!important;border:2px solid var(--border)!important;border-radius:0!important;margin:12px 0!important;padding:16px!important}.swagger-ui .model-title{color:var(--text)!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:16px!important;font-weight:700!important}.swagger-ui .model-box .model{border:none!important;margin:0!important}.swagger-ui .property-row{border-bottom:1px solid var(--border)!important}.swagger-ui .prop-type{color:var(--accent-cyan)!important}.swagger-ui .prop-format{color:var(--text-muted)!important}.swagger-ui .filter-container{border-bottom:2px solid var(--border)!important;margin-bottom:24px!important;padding-bottom:16px!important}.swagger-ui .filter-container input{background:var(--surface)!important;border:2px solid var(--border)!important;color:var(--text)!important;border-radius:0!important;padding:10px 12px!important}.swagger-ui .download-contents{background:var(--primary)!important;color:var(--bg)!important;text-transform:uppercase!important;letter-spacing:.05em!important;border:none!important;border-radius:0!important;font-size:12px!important;font-weight:600!important}.swagger-ui pre::-webkit-scrollbar{width:8px!important;height:8px!important}.swagger-ui .highlight-code::-webkit-scrollbar{width:8px!important;height:8px!important}.swagger-ui pre::-webkit-scrollbar-track{background:var(--surface)!important}.swagger-ui .highlight-code::-webkit-scrollbar-track{background:var(--surface)!important}.swagger-ui pre::-webkit-scrollbar-thumb{background:var(--border)!important}.swagger-ui .highlight-code::-webkit-scrollbar-thumb{background:var(--border)!important}.swagger-ui pre::-webkit-scrollbar-thumb:hover{background:var(--primary)!important}.swagger-ui .highlight-code::-webkit-scrollbar-thumb:hover{background:var(--primary)!important}@media (max-width:900px){.app-header-inner{flex-direction:column;align-items:flex-start}.app-nav{flex-wrap:wrap}.dashboard-hero{grid-template-columns:1fr}.dashboard-section-head,.dashboard-list-item{flex-direction:column;align-items:flex-start}.app-generator .prompt-field-row,.prompt-field-row{grid-template-columns:1fr}}@media (max-width:720px){.app-grid-3,.app-grid-4{grid-template-columns:1fr}.app-nav{display:none}}.dashboard-welcome{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.dashboard-quick-actions{gap:12px;display:flex}.dashboard-stat-card{text-align:center;padding:20px}.dashboard-stat-value{color:#ff6b35;margin-bottom:8px;font-size:32px;font-weight:800}.dashboard-stat-label{text-transform:uppercase;letter-spacing:.15em;color:#9a9a9a;font-size:12px}.dashboard-action-card{text-align:center;padding:24px;transition:all .2s}.dashboard-action-card:hover{border-color:#ff6b35;transform:translateY(-2px)}.dashboard-compact-card{padding:16px;transition:all .2s}.dashboard-compact-card:hover{border-color:#ff6b35;transform:translateY(-2px)}.dashboard-upgrade-banner{background:linear-gradient(135deg,#ff6b351a 0%,#141414f2 100%);border-color:#ff6b35}@media (max-width:900px){.dashboard-welcome{flex-direction:column;align-items:flex-start}.dashboard-quick-actions{flex-direction:column;width:100%}}.pricing-table-wrapper{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:48px 0;overflow-x:auto}.pricing-table{border-collapse:collapse;background:0 0;width:100%}.pricing-table-header{background:var(--bg);border-bottom:2px solid var(--border);text-align:center;vertical-align:top;padding:32px 24px;position:relative}.pricing-table-feature{text-align:left;width:20%;min-width:200px}.pricing-table-plan{width:20%;min-width:180px}.pricing-table-popular{background:linear-gradient(135deg,#ff6b3526 0%,var(--bg)100%);border-left:2px solid var(--primary);border-right:2px solid var(--primary)}.pricing-table-header-content{flex-direction:column;gap:4px;display:flex}.pricing-table-header-title{color:var(--text);text-transform:uppercase;letter-spacing:.05em;font-size:18px;font-weight:700}.pricing-table-header-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.pricing-table-badge{background:var(--primary);color:var(--bg);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.pricing-table-plan-name{color:var(--text);margin-bottom:8px;font-size:24px;font-weight:800}.pricing-table-plan-audience{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:12px}.pricing-table-plan-price{margin-bottom:8px}.pricing-table-amount{color:var(--primary);margin-bottom:8px;font-size:48px;font-weight:900;line-height:1;display:block}.pricing-table-period{color:var(--text-muted);font-size:14px;display:block}.pricing-table-vat{color:var(--text-muted);font-size:11px;font-style:italic}.pricing-table tbody tr{border-bottom:1px solid var(--border)}.pricing-table tbody tr:last-child{border-bottom:none}.pricing-table tbody tr:hover{background:#ff6b350d}.pricing-table-feature-name{color:var(--text);text-align:left;padding:20px 24px;font-size:15px;font-weight:600}.pricing-table-value{text-align:center;color:var(--text-secondary);padding:20px 24px;font-size:15px;font-weight:500}.pricing-table-enabled{color:var(--success);font-size:20px;font-weight:700}.pricing-table-disabled{color:var(--text-muted);opacity:.5}.pricing-table-highlight{color:var(--primary);font-weight:700}.pricing-table-cta-row{background:var(--bg);border-top:2px solid var(--border)}.pricing-table-cta{text-align:center;padding:32px 24px}.pricing-table-button{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;text-align:center;border:none;border-radius:6px;width:100%;max-width:200px;padding:14px 24px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.pricing-table-button-primary{background:var(--primary);color:var(--bg)}.pricing-table-button-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #ff6b354d}.pricing-table-button-secondary{color:var(--text);border:2px solid var(--border);background:0 0}.pricing-table-button-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.pricing-table-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.pricing-table-error{border:1px solid var(--error);color:var(--error);text-align:center;background:#ef44441a;border-radius:6px;margin-top:16px;padding:16px;font-weight:600}@media (max-width:1200px){.pricing-table-wrapper{overflow-x:scroll}.pricing-table{min-width:800px}}@media (max-width:768px){.pricing-table-header{padding:24px 16px}.pricing-table-plan-name{font-size:20px}.pricing-table-amount{font-size:36px}.pricing-table-feature-name,.pricing-table-value{padding:16px 12px;font-size:14px}.pricing-table-cta{padding:24px 12px}.pricing-table-button{max-width:160px;padding:12px 16px;font-size:11px}}.ai-badge{color:var(--primary);background:linear-gradient(135deg,#ff6b351a 0%,#ff6b350d 100%);border:1px solid #ff6b354d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.ai-badge:hover{border-color:var(--primary);background:linear-gradient(135deg,#ff6b3526 0%,#ff6b3514 100%)}.ai-badge-disabled{color:var(--text-muted);cursor:not-allowed;background:#a0a0a00d;border-color:#a0a0a033}.ai-badge-disabled:hover{background:#a0a0a00d;border-color:#a0a0a033}.ai-badge-icon{font-size:14px;line-height:1}.ai-badge-text{line-height:1}.ai-usage-meter{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.ai-usage-meter:hover{border-color:var(--primary)}.ai-usage-meter-disabled{opacity:.6}.ai-usage-meter-header{align-items:flex-start;gap:12px;display:flex}.ai-usage-meter-icon{flex-shrink:0;font-size:24px;line-height:1}.ai-usage-meter-text{flex:1;min-width:0}.ai-usage-meter-label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:600}.ai-usage-meter-sublabel{color:var(--text-muted);font-size:12px}.ai-usage-meter-value{color:var(--primary);font-size:16px;font-weight:700;font-family:var(--font-mono)}.ai-usage-meter-bar{background:#ffffff0d;border-radius:4px;height:8px;overflow:hidden}.ai-usage-meter-bar-fill{background:linear-gradient(90deg,var(--primary)0%,var(--primary-hover)100%);border-radius:4px;height:100%;transition:width .3s}.ai-usage-meter-footer{color:var(--text-muted);flex-direction:column;gap:8px;font-size:11px;display:flex}.ai-usage-meter-stats{justify-content:space-between;align-items:center;width:100%;display:flex}.ai-usage-meter-stat{color:var(--text-secondary);font-weight:500}.ai-usage-meter-reset{text-align:center;color:var(--text-muted);font-size:10px;font-weight:500}.ai-usage-meter-loading{text-align:center;color:var(--text-muted);padding:16px;font-size:13px}.ai-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ai-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.ai-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px;display:flex}.ai-modal-title{color:var(--text);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.ai-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;line-height:1;transition:color .2s}.ai-modal-close:hover{color:var(--text)}.ai-modal-body{flex:1;padding:24px;overflow-y:auto}.ai-modal-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.ai-modal-footer-left{flex:1;min-width:0}.ai-modal-footer-right{gap:12px;display:flex}.ai-modal-section{margin-bottom:24px}.ai-modal-section:last-child{margin-bottom:0}.ai-modal-section-title{color:var(--text-secondary);margin-bottom:12px;font-size:14px;font-weight:600}.ai-modal-result{border:1px solid var(--border);background:#ffffff08;border-radius:8px;padding:16px}.ai-modal-result-text{font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6}.ai-modal-improvements{flex-direction:column;gap:8px;display:flex}.ai-modal-improvement{color:var(--text-secondary);background:#10b9810d;border:1px solid #10b98133;border-radius:6px;padding:12px;font-size:13px;line-height:1.5}.ai-modal-improvement:before{content:"✓ ";color:var(--success);margin-right:6px;font-weight:700}.ai-modal-warning{color:var(--text-secondary);background:#ef44440d;border:1px solid #ef444433;border-radius:6px;margin-bottom:16px;padding:12px;font-size:13px;line-height:1.5}.ai-modal-warning:before{content:"⚠️ ";margin-right:6px}.ai-modal-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.ai-modal-loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite ai-spin}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-modal-loading-text{color:var(--text-muted);text-align:center;font-size:14px}@media (max-width:768px){.ai-modal{border-radius:0;max-width:100%;max-height:100vh}.ai-modal-header,.ai-modal-body,.ai-modal-footer{padding:16px}.ai-modal-footer{flex-direction:column}.ai-modal-footer-left,.ai-modal-footer-right{width:100%}.ai-modal-footer-right{flex-direction:column}}.ai-modal-wide{max-width:800px}.ai-modal-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ai-modal-section-actions{gap:12px;display:flex}.app-button-text{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;transition:all .2s}.app-button-text:hover:not(:disabled){background:#ff6b351a}.app-button-text:disabled{color:var(--text-muted);cursor:not-allowed}.ai-modal-empty{text-align:center;color:var(--text-muted);padding:48px 24px}.ai-modal-empty p{margin-bottom:16px}.ai-modal-info{color:var(--text-secondary);background:#3b82f614;border:1px solid #3b82f633;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:12px}.ai-cached-badge{color:#60a5fa;text-transform:uppercase;letter-spacing:.05em;background:#3b82f626;border-radius:12px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.variable-suggestions-list{flex-direction:column;gap:8px;max-height:400px;display:flex;overflow-y:auto}.variable-suggestion-item{border:1px solid var(--border);cursor:pointer;background:#ffffff05;border-radius:8px;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.variable-suggestion-item:hover{background:#ffffff0a;border-color:#ffffff1f}.variable-suggestion-item.selected{background:#ff6b3514;border-color:#ff6b354d}.variable-suggestion-item:focus{outline:2px solid var(--primary);outline-offset:2px}.variable-suggestion-checkbox{border:2px solid var(--border);width:20px;min-width:20px;height:20px;color:var(--primary);border-radius:4px;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .2s;display:flex}.variable-suggestion-item.selected .variable-suggestion-checkbox{background:var(--primary);border-color:var(--primary);color:#0a0a0a}.variable-suggestion-content{flex:1;min-width:0}.variable-suggestion-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.variable-suggestion-type{width:24px;min-width:24px;height:24px;color:var(--text-muted);background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.variable-suggestion-name{font-family:var(--font-mono);color:var(--primary);background:#ff6b351a;border-radius:4px;padding:2px 8px;font-size:13px;font-weight:600}.variable-suggestion-confidence{margin-left:auto;font-size:11px;font-weight:600}.variable-suggestion-description{color:var(--text-secondary);margin-bottom:4px;font-size:13px;line-height:1.5}.variable-suggestion-example{color:var(--text-muted);font-size:12px}.variable-suggestion-example .example-label{color:var(--text-secondary);font-weight:600}.variable-suggestion-example code{font-family:var(--font-mono);background:#ffffff0d;border-radius:3px;padding:1px 6px;font-size:11px}.selected-variables-preview{flex-wrap:wrap;gap:8px;display:flex}.selected-variable-tag{font-family:var(--font-mono);color:var(--primary);background:#ff6b3526;border:1px solid #ff6b354d;border-radius:6px;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}@media (max-width:768px){.ai-modal-wide{max-width:100%}.ai-modal-section-header{flex-direction:column;align-items:flex-start;gap:8px}.variable-suggestions-list{max-height:300px}.variable-suggestion-item{padding:10px 12px}.variable-suggestion-header{flex-wrap:wrap}.variable-suggestion-confidence{text-align:right;order:-1;width:100%;margin-bottom:4px;margin-left:0}}.ai-mode{max-width:900px;margin:0 auto;padding:0}.ai-mode-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;margin-bottom:1.75rem;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ai-mode-section:before{content:"";background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.ai-mode-section:hover{background:#ffffff08;border-color:#ffffff1f}.ai-mode-section:hover:before{opacity:1}.ai-mode-section h4{color:var(--text);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.125rem;font-weight:700;display:flex}.ai-mode-section p.muted{color:var(--text-muted);margin:0 0 1.25rem;font-size:.875rem;line-height:1.6}.ai-mode-buttons{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.ai-mode-buttons button{border-radius:8px;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ai-mode-buttons button.btn-secondary{color:var(--text);background:#ffffff0d;border:1px solid #ffffff1a}.ai-mode-buttons button.btn-secondary:hover{border-color:var(--primary);background:#ffffff14;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3533}.ai-mode-buttons button.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--text);border:none;box-shadow:0 4px 16px #ff6b354d}.ai-mode-buttons button.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff6b3566}.ai-mode-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#06b6d414 0%,#06b6d408 100%);border:1px solid #06b6d440;border-radius:10px;margin-top:1.75rem;padding:1.25rem 1.5rem}.ai-mode-note p{color:var(--text);margin:0;font-size:.875rem;line-height:1.7}.ai-mode-note strong{color:#06b6d4;font-weight:700}@media (max-width:768px){.ai-mode{padding:16px}.ai-mode-section{margin-bottom:20px;padding:16px}.ai-mode-buttons{gap:8px}.ai-mode-buttons button{padding:8px 16px;font-size:12px}}.app-generator .variables-inline .variable-row{grid-template-columns:1fr 1.1fr 40px;align-items:center;gap:.4rem;width:100%;display:grid}.app-generator .variable-remove{width:40px;height:40px;padding:0}.app-generator .variable-add{gap:.5rem}.app-generator .variable-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.app-generator .variable-actions .ai-suggest-btn{color:var(--primary);background:#ff6b351a;border-color:#ff6b354d;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:inline-flex}.app-generator .variable-actions .ai-suggest-btn:hover:not(:disabled){border-color:var(--primary);background:#ff6b3533}.app-generator .variable-actions .ai-suggest-btn:disabled{opacity:.5;cursor:not-allowed}.ai-assistant-popover{z-index:1100;background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:220px;padding:8px;animation:.15s ease-out ai-popover-enter;position:fixed;box-shadow:0 8px 32px #0006}@keyframes ai-popover-enter{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.ai-assistant-action{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.ai-assistant-action:hover{background:#ffffff0f}.ai-assistant-action:focus{outline:2px solid var(--primary);outline-offset:-2px}.ai-assistant-action-icon{text-align:center;width:24px;font-size:16px}.ai-assistant-action-label{color:var(--text);flex:1;font-size:13px;font-weight:500}.ai-assistant-action-hint{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);background:#ffffff0d;border-radius:4px;padding:2px 6px}.ai-assistant-divider{background:var(--border);height:1px;margin:6px 0}.ai-loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.ai-loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;animation:.8s linear infinite ai-spin}.ai-spinner-sm{border-width:2px;width:24px;height:24px}.ai-spinner-md{border-width:3px;width:40px;height:40px}.ai-spinner-lg{border-width:4px;width:56px;height:56px}.ai-loading-message{color:var(--text-muted);text-align:center;font-size:14px}.ai-skeleton-text,.ai-skeleton-card{flex-direction:column;gap:8px;display:flex}.ai-skeleton-card{border:1px solid var(--border);background:#ffffff05;border-radius:8px;padding:16px}.ai-skeleton-header{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08) 0 0/200% 100%;border-radius:4px;width:40%;height:20px;margin-bottom:8px;animation:1.5s ease-in-out infinite ai-skeleton-shimmer}.ai-skeleton-body{flex-direction:column;gap:6px;display:flex}.ai-skeleton-line{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08) 0 0/200% 100%;border-radius:4px;height:14px;animation:1.5s ease-in-out infinite ai-skeleton-shimmer}.ai-skeleton-button{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08) 0 0/200% 100%;border-radius:8px;width:120px;height:40px;animation:1.5s ease-in-out infinite ai-skeleton-shimmer}@keyframes ai-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.ai-empty-state-icon{margin-bottom:8px;font-size:48px}.ai-empty-state-title{color:var(--text);font-size:16px;font-weight:600}.ai-empty-state-description{color:var(--text-muted);max-width:300px;font-size:14px}.ai-error-state{background:#ef44440d;border:1px solid #ef444433;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.ai-error-state-icon{font-size:24px}.ai-error-state-message{color:var(--text-secondary);text-align:center;font-size:14px}.ai-success-state{background:#10b98114;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;display:flex}.ai-success-state-icon{background:var(--success);color:#0a0a0a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.ai-success-state-message{color:var(--text);flex:1;font-size:14px}.ai-success-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;line-height:1}.ai-success-dismiss:hover{color:var(--text)}.ai-progress-container{flex-direction:column;gap:8px;display:flex}.ai-progress-label{color:var(--text-secondary);font-size:12px;font-weight:500}.ai-progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.ai-progress-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .3s}.ai-progress-percentage{color:var(--text-muted);text-align:right;font-size:11px;font-weight:600}.placeholder\:text-\[\#6b7280\]::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.hover\:translate-y-\[-2px\]:hover{--tw-translate-y:-2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.hover\:border-\[\#06ffa5\]:hover{--tw-border-opacity:1;border-color:rgb(6 255 165/var(--tw-border-opacity,1))}.hover\:border-\[\#e63946\]:hover{--tw-border-opacity:1;border-color:rgb(230 57 70/var(--tw-border-opacity,1))}.hover\:border-\[\#ff6b35\]:hover{--tw-border-opacity:1;border-color:rgb(255 107 53/var(--tw-border-opacity,1))}.hover\:border-\[\#ffd23f\]:hover{--tw-border-opacity:1;border-color:rgb(255 210 63/var(--tw-border-opacity,1))}.hover\:border-red-500:hover{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.hover\:bg-\[\#1a1a1a\]:hover{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.hover\:bg-\[\#1a1a1a\]\/50:hover{background-color:#1a1a1a80}.hover\:bg-\[\#d62839\]:hover{--tw-bg-opacity:1;background-color:rgb(214 40 57/var(--tw-bg-opacity,1))}.hover\:bg-\[\#e63946\]\/10:hover{background-color:#e639461a}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:text-\[\#e63946\]:hover{--tw-text-opacity:1;color:rgb(230 57 70/var(--tw-text-opacity,1))}.hover\:text-\[\#ff6b35\]:hover{--tw-text-opacity:1;color:rgb(255 107 53/var(--tw-text-opacity,1))}.hover\:text-blue-300:hover{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.hover\:text-indigo-500:hover{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.hover\:text-red-300:hover{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_12px_30px_rgba\(255\,107\,53\,0\.4\)\]:hover{--tw-shadow:0 12px 30px #ff6b3566;--tw-shadow-colored:0 12px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-\[\#ff6b35\]:focus{--tw-border-opacity:1;border-color:rgb(255 107 53/var(--tw-border-opacity,1))}.focus\:shadow-\[0_0_0_2px_rgba\(255\,107\,53\,0\.2\)\]:focus{--tw-shadow:0 0 0 2px #ff6b3533;--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:w-32{width:8rem}.sm\:w-40{width:10rem}.sm\:w-48{width:12rem}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}