@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-1\.5{left:.375rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-2{top:.5rem}.top-20{top:5rem}.top-3{top:.75rem}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[100\]{z-index:100}.m-0{margin:0}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mb-0\.5{margin-bottom:.125rem}.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-3\.5{margin-bottom:.875rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-square{aspect-ratio:1 / 1}.\!h-3{height:.75rem!important}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[calc\(100dvh-3\.5rem\)\]{height:calc(100dvh - 3.5rem)}.h-auto{height:auto}.h-full{height:100%}.max-h-60{max-height:15rem}.max-h-\[340px\]{max-height:340px}.max-h-\[80vh\]{max-height:80vh}.min-h-\[44px\]{min-height:44px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[calc\(100vh-3\.5rem\)\]{min-height:calc(100vh - 3.5rem)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\!w-3{width:.75rem!important}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-4{width:1rem}.w-40{width:10rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[160px\]{width:160px}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[1200px\]{max-width:1200px}.max-w-\[480px\]{max-width:480px}.max-w-\[500px\]{max-width:500px}.max-w-\[520px\]{max-width:520px}.max-w-\[560px\]{max-width:560px}.max-w-\[720px\]{max-width:720px}.max-w-\[75\%\]{max-width:75%}.max-w-\[80\%\]{max-width:80%}.max-w-\[800px\]{max-width:800px}.max-w-\[85\%\]{max-width:85%}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.\!cursor-wait{cursor:wait!important}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.resize-none{resize:none}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,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}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.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))}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl,.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-\[3px\]{border-width:3px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[rgba\(239\,68\,68\,0\.3\)\]{border-color:#ef44444d}.border-\[rgba\(34\,197\,94\,0\.25\)\]{border-color:#22c55e40}.border-\[var\(--accent\)\]{border-color:var(--accent)}.border-\[var\(--line\)\]{border-color:var(--line)}.border-amber-300{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/5{border-color:#ffffff0d}.border-t-\[var\(--accent\)\]{border-top-color:var(--accent)}.bg-\[\#1a1a1a\]{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity, 1))}.bg-\[rgba\(239\,68\,68\,0\.12\)\]{background-color:#ef44441f}.bg-\[rgba\(34\,197\,94\,0\.15\)\]{background-color:#22c55e26}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--accent-soft\)\]{background-color:var(--accent-soft)}.bg-\[var\(--chat-user-bg\)\]{background-color:var(--chat-user-bg)}.bg-\[var\(--danger\)\]{background-color:var(--danger)}.bg-\[var\(--line\)\]{background-color:var(--line)}.bg-\[var\(--muted\)\]{background-color:var(--muted)}.bg-\[var\(--paper\)\]{background-color:var(--paper)}.bg-\[var\(--success\)\]{background-color:var(--success)}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-\[var\(--surface-input\)\]{background-color:var(--surface-input)}.bg-\[var\(--surface-strong\)\]{background-color:var(--surface-strong)}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-black\/55{background-color:#0000008c}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-rose-600{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity, 1))}.bg-sky-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#c2713c\]{--tw-gradient-from: #c2713c var(--tw-gradient-from-position);--tw-gradient-to: rgb(194 113 60 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--accent\)\]{--tw-gradient-from: var(--accent) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--accent-soft\)\]{--tw-gradient-from: var(--accent-soft) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#d4885a\]{--tw-gradient-to: #d4885a var(--tw-gradient-to-position)}.to-\[var\(--accent-variant\)\]{--tw-gradient-to: var(--accent-variant) var(--tw-gradient-to-position)}.to-\[var\(--surface\)\]{--tw-gradient-to: var(--surface) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[18px\]{padding:18px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[18px\]{padding-left:18px;padding-right:18px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.py-\[120px\]{padding-top:120px;padding-bottom:120px}.py-\[60px\]{padding-top:60px;padding-bottom:60px}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:.5rem}.pl-\[26px\]{padding-left:26px}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.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-display{font-family:Georgia,Cambria,Times New Roman,serif}.font-mono{font-family:JetBrains Mono,SF Mono,Fira Code,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.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-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[-0\.5px\]{letter-spacing:-.5px}.tracking-\[-1px\]{letter-spacing:-1px}.tracking-\[0\.02em\]{letter-spacing:.02em}.tracking-\[0\.35em\]{letter-spacing:.35em}.tracking-\[0\.5em\]{letter-spacing:.5em}.tracking-\[0\.5px\]{letter-spacing:.5px}.tracking-\[0\.8px\]{letter-spacing:.8px}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity, 1))}.text-\[\#86EFAC\]{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-\[\#FCA5A5\]{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--accent-variant\)\]{color:var(--accent-variant)}.text-\[var\(--chat-user-text\)\]{color:var(--chat-user-text)}.text-\[var\(--danger\)\]{color:var(--danger)}.text-\[var\(--ink\)\]{color:var(--ink)}.text-\[var\(--line\)\]{color:var(--line)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--success\)\]{color:var(--success)}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-900{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-sky-700{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/80{color:#fffc}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-\[var\(--accent\)\]{text-decoration-color:var(--accent)}.decoration-1{text-decoration-thickness:1px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_40px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow: 0 8px 40px rgba(0,0,0,.5);--tw-shadow-colored: 0 8px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[var\(--shadow-glow\)\]{--tw-shadow-color: var(--shadow-glow);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[var\(--shadow-modal\)\]{--tw-shadow-color: var(--shadow-modal);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[var\(--shadow-paper\)\]{--tw-shadow-color: var(--shadow-paper);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[2px\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\,transform\]{transition-property:border-color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,opacity\]{transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.theme-light,:root{color-scheme:light;--paper: #f7f1e8;--ink: #23170f;--muted: #715c4e;--line: #dbcdbd;--accent: #c2713c;--accent-soft: rgba(138, 75, 42, .12);--accent-variant: #a05a2f;--surface: rgba(255, 252, 247, .92);--surface-strong: #fffdf9;--surface-input: #ffffff;--success: #256b4a;--danger: #9d2f2f;--warning: #9b5b00;--bg-body: linear-gradient(180deg, #f8f2ea 0%, #efe6da 100%);--bg-body-accent: radial-gradient(circle at top left, rgba(138, 75, 42, .14), transparent 30%);--shadow-paper: 0 24px 80px rgba(32, 22, 14, .08);--shadow-glow: 0 10px 32px rgba(194, 113, 60, .25), 0 0 0 1px rgba(194, 113, 60, .2);--shadow-modal: 0 24px 80px rgba(0, 0, 0, .5);--ink-contrast: #ffffff;--chat-user-bg: var(--ink);--chat-user-text: #ffffff;--changed-soft: rgba(37, 107, 74, .1);--changed-ring: rgba(37, 107, 74, .4)}.theme-dark{color-scheme:dark;--paper: #1a1412;--ink: #e8ddd4;--muted: #8a7d74;--line: #2e2621;--accent: #d4885a;--accent-soft: rgba(212, 136, 90, .15);--accent-variant: #b9734a;--surface: rgba(30, 24, 20, .92);--surface-strong: #231c17;--surface-input: #2a2220;--success: #3daa75;--danger: #d45555;--warning: #d49a3e;--bg-body: linear-gradient(180deg, #151110 0%, #1a1412 100%);--bg-body-accent: radial-gradient(circle at top left, rgba(212, 136, 90, .08), transparent 30%);--shadow-paper: 0 24px 80px rgba(0, 0, 0, .3);--shadow-glow: 0 10px 32px rgba(212, 136, 90, .2), 0 0 0 1px rgba(212, 136, 90, .15);--shadow-modal: 0 24px 80px rgba(0, 0, 0, .5);--ink-contrast: #1a1412;--chat-user-bg: #3a2e26;--chat-user-text: #e8ddd4;--changed-soft: rgba(61, 170, 117, .14);--changed-ring: rgba(61, 170, 117, .35)}:root{--bg-primary: var(--paper);--bg-surface: var(--surface);--bg-elevated: var(--surface-strong);--bg-input: var(--surface-input);--text-primary: var(--ink);--text-secondary: var(--muted);--text-tertiary: var(--muted);--border: var(--line);--accent-hover: var(--accent);--cta: var(--accent);--cta-hover: var(--accent);--gradient-agent: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, var(--ink)));--red: var(--danger);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--font: ui-sans-serif, system-ui, sans-serif;--font-headline: "Georgia", "Cambria", "Times New Roman", serif;--transition: .2s cubic-bezier(.25, .1, .25, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background:var(--bg-body);background-attachment:fixed;color:var(--ink);font-family:var(--font);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:3px}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-dialog-in{0%{transform:scale(.96) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%,to{background-position:-200% 0}50%{background-position:200% 0}}@keyframes generating-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 8px #c2713c00}}@keyframes result-enter{0%{opacity:0;transform:scale(.985);filter:blur(2px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(12px);opacity:0}}.animate-modal-overlay{animation:modal-overlay-in .18s ease-out both}.animate-modal-sheet{animation:modal-sheet-in .26s cubic-bezier(.32,.72,0,1) both}.animate-modal-dialog{animation:modal-dialog-in .2s ease-out both}.animate-fade-in{animation:fade-in .4s ease-out both}.animate-result-enter{animation:result-enter .52s cubic-bezier(.32,.72,0,1) both}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,var(--surface-strong) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2.2s linear infinite}.animate-generating-pulse{animation:generating-pulse 1.6s ease-in-out infinite}.animate-toast-in{animation:toast-in .2s ease-out both}.animate-toast-out{animation:toast-out .2s ease-in both forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (pointer: coarse){a[href],button,a[role=button],input,select,textarea,[role=tab],[role=menuitem]{min-height:44px}}.placeholder\:text-\[var\(--muted\)\]::-moz-placeholder{color:var(--muted)}.placeholder\:text-\[var\(--muted\)\]::placeholder{color:var(--muted)}.last\:border-0:last-child{border-width:0px}.hover\:-translate-y-px:hover{--tw-translate-y: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[var\(--accent\)\]:hover{border-color:var(--accent)}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:bg-\[var\(--accent-soft\)\]:hover{background-color:var(--accent-soft)}.hover\:bg-\[var\(--surface-strong\)\]:hover{background-color:var(--surface-strong)}.hover\:bg-black\/80:hover{background-color:#000c}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-\[var\(--accent\)\]:hover{color:var(--accent)}.hover\:text-\[var\(--ink\)\]:hover{color:var(--ink)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[var\(--shadow-glow\)\]:hover{--tw-shadow-color: var(--shadow-glow);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-\[var\(--accent\)\]:focus{border-color:var(--accent)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[var\(--accent\)\]:focus{--tw-ring-color: var(--accent)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:no-underline:hover:disabled{text-decoration-line:none}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}@media not all and (min-width: 1024px){.max-lg\:max-w-full{max-width:100%}.max-lg\:flex-col{flex-direction:column}}@media not all and (min-width: 768px){.max-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-md\:text-\[26px\]{font-size:26px}.max-md\:text-\[28px\]{font-size:28px}}@media not all and (min-width: 640px){.max-sm\:max-h-\[92dvh\]{max-height:92dvh}.max-sm\:w-\[120px\]{width:120px}.max-sm\:rounded-t-\[1\.5rem\]{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}}@media (min-width: 640px){.sm\:m-4{margin:1rem}.sm\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.sm\:mb-10{margin-bottom:2.5rem}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-28{height:7rem}.sm\:max-h-\[88vh\]{max-height:88vh}.sm\:max-h-none{max-height:none}.sm\:w-28{width:7rem}.sm\:w-32{width:8rem}.sm\:w-48{width:12rem}.sm\:max-w-3xl{max-width:48rem}.sm\:max-w-\[400px\]{max-width:400px}.sm\:max-w-\[80\%\]{max-width:80%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:rounded-\[1\.5rem\]{border-radius:1.5rem}.sm\:p-12{padding:3rem}.sm\:p-3\.5{padding:.875rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:pb-12{padding-bottom:3rem}.sm\:pt-24{padding-top:6rem}.sm\:pt-4{padding-top:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 768px){.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:flex{display:flex}.md\:max-w-\[480px\]{max-width:480px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:sticky{position:sticky}.lg\:top-20{top:5rem}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:mx-8{margin-left:2rem;margin-right:2rem}.lg\:mt-14{margin-top:3.5rem}.lg\:hidden{display:none}.lg\:h-36{height:9rem}.lg\:w-36{width:9rem}.lg\:w-80{width:20rem}.lg\:w-\[22rem\]{width:22rem}.lg\:max-w-4xl{max-width:56rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-10{gap:2.5rem}.lg\:gap-8{gap:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.lg\:py-8{padding-top:2rem;padding-bottom:2rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width: 1280px){.xl\:h-40{height:10rem}.xl\:w-40{width:10rem}}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@media (max-width: 767px){input,textarea,select{font-size:16px!important}}.app-nav{display:flex;align-items:center;gap:32px;padding:0 24px;height:56px;background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.app-footer{margin-top:64px;padding:28px 24px;border-top:1px solid var(--border);background:#0a0a0f80;color:var(--text-muted, #9aa0a6);font-size:13px}.app-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.app-footer-brand{font-weight:700;color:var(--text-primary)}.app-footer-links{display:flex;gap:20px;flex-wrap:wrap}.app-footer-links a{color:var(--text-muted, #9aa0a6);text-decoration:none}.app-footer-links a:hover{color:var(--text-primary)}.app-logo{font-size:18px;font-weight:800;color:var(--text-primary);text-decoration:none;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.logo-icon{border-radius:6px}.logo-design{color:var(--text-primary)}.logo-foryou{background:var(--gradient-agent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-nav-links{display:flex;gap:4px}.nav-link{font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:6px 14px;border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-elevated)}.nav-link.disabled{opacity:.35;pointer-events:none}.home-page{min-height:100vh;padding-bottom:80px}.home-rows{padding:0 0 40px}.hero-banner{position:relative;height:420px;overflow:hidden;cursor:pointer;margin-bottom:8px}.hero-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6}.hero-canvas-wrap canvas{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0a0a0af2,#0a0a0ab3,#0a0a0a4d);display:flex;flex-direction:column;justify-content:center;padding:0 48px;gap:12px}.hero-tag{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--accent);text-transform:uppercase}.hero-title{font-size:42px;font-weight:800;letter-spacing:-1px;line-height:1.1}.hero-desc{font-size:15px;color:var(--text-secondary);font-weight:400}.hero-cta{margin-top:8px;align-self:flex-start;padding:12px 28px;font-size:14px;font-weight:700;color:#fff;background:var(--accent);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition);font-family:var(--font);letter-spacing:.3px}.hero-cta:hover{background:var(--accent-hover);transform:scale(1.03)}.template-row{padding:28px 0 0}.template-row-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px 14px}.template-row-title-link{text-decoration:none;color:inherit}.template-row-title-link:hover .template-row-title{color:var(--accent)}.template-row-title{font-size:20px;font-weight:700;letter-spacing:-.3px;transition:color .2s ease}.template-row-subtitle{font-size:13px;color:var(--text-tertiary);margin-left:10px;font-weight:500}.template-row-arrows{display:flex;gap:6px}.row-arrow{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-family:var(--font)}.row-arrow:hover{background:var(--bg-input);color:var(--text-primary)}.template-row-scroll{display:flex;gap:16px;overflow-x:auto;padding:8px 24px 4px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.template-row-scroll::-webkit-scrollbar{display:none}.template-card{transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.template-card:hover{transform:translateY(-3px)}.template-card-canvas-wrap{box-shadow:0 4px 24px #0006;border:1px solid rgba(255,255,255,.06);transition:box-shadow .25s ease,border-color .25s ease}.template-card:hover .template-card-canvas-wrap{box-shadow:0 10px 32px #c2713c59,0 0 0 1px #c2713c4d;border-color:#c2713c66}.template-card-name{margin-top:10px;font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card-size{font-size:11px;color:var(--text-tertiary);margin-top:2px}.template-card-tag{margin-top:6px;display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;border:1px solid rgba(194,113,60,.3);background:#c2713c14;color:var(--accent-hover);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.editor-page{display:flex;flex-direction:column;height:calc(100vh - 56px);overflow:hidden}.editor-topbar{display:flex;align-items:center;padding:0 20px;height:52px;background:var(--bg-surface);border-bottom:1px solid var(--border);gap:16px;flex-shrink:0}.editor-back{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:var(--accent);background:none;border:none;cursor:pointer;font-family:var(--font);transition:var(--transition);padding:6px 10px;border-radius:var(--radius-sm)}.editor-back:hover{background:var(--bg-elevated)}.back-arrow{font-size:20px;line-height:1;margin-right:2px}.editor-template-name{font-family:var(--font-headline);font-size:15px;font-weight:700;letter-spacing:-.3px;color:var(--text-primary);flex:1}.editor-topbar-actions{display:flex;gap:8px}.editor-btn-primary{padding:8px 20px;font-size:13px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);transition:var(--transition)}.editor-btn-primary:hover{background:var(--accent-hover)}.editor-btn-cta{padding:8px 20px;font-size:13px;font-weight:700;color:#000;background:var(--cta);border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);transition:var(--transition);letter-spacing:.2px}.editor-btn-cta:hover{background:var(--cta-hover);box-shadow:0 0 0 3px #10b98133}.editor-btn-cta:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.editor-btn-ghost{padding:8px 14px;font-size:12px;font-weight:500;color:var(--text-tertiary);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);transition:var(--transition);white-space:nowrap}.editor-btn-ghost:hover{color:var(--red);border-color:#ff2d5566;background:#ff2d550f}.editor-btn-ghost:disabled{opacity:.35;cursor:not-allowed}.editor-btn-secondary{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);transition:var(--transition)}.editor-btn-secondary:hover{background:var(--bg-input);color:var(--text-primary)}.editor-body{display:flex;flex:1;overflow:hidden}.editor-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#080808;min-width:0}.editor-canvas-frame{max-width:100%;width:auto;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 8px 40px #0009;border:1px solid rgba(255,255,255,.05)}.editor-canvas-size{margin-top:12px;font-size:12px;color:var(--text-tertiary);font-weight:500}.editor-controls{width:340px;flex-shrink:0;background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.editor-tabs{display:flex;padding:12px 16px 0;gap:4px;border-bottom:1px solid var(--border)}.editor-tab{flex:1;padding:10px 0;font-size:13px;font-weight:600;color:var(--text-tertiary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:var(--font);transition:var(--transition)}.editor-tab:hover{color:var(--text-secondary)}.editor-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.editor-tab-content{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:var(--bg-input) transparent}.editor-tab-content::-webkit-scrollbar{width:6px}.editor-tab-content::-webkit-scrollbar-thumb{background:var(--bg-input);border-radius:3px}.controls-section{display:flex;flex-direction:column;gap:20px}.control-group{display:flex;flex-direction:column;gap:8px}.control-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.control-input,.control-textarea,.control-select{width:100%;padding:10px 12px;font-size:14px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);outline:none;transition:var(--transition)}.control-input:focus,.control-textarea:focus,.control-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c2713c26}.control-textarea{resize:vertical;line-height:1.5}.control-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238E8E93' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.control-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--bg-input);border-radius:2px;outline:none}.control-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-surface);box-shadow:0 1px 4px #0006}.range-value{font-size:12px;color:var(--text-tertiary);font-weight:500;font-variant-numeric:tabular-nums}.color-row{display:flex;align-items:center;gap:10px}.color-picker{width:36px;height:36px;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border-radius:4px;border:none}.color-hex{font-size:12px;color:var(--text-tertiary);font-family:SF Mono,Fira Code,monospace;font-weight:500}.color-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.color-preset{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:var(--transition)}.color-preset:hover{border-color:var(--text-primary);transform:scale(1.15)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-input);border-radius:4px}@keyframes spin{to{transform:rotate(360deg)}}.btn-icon{display:none}.btn-label{display:inline}@media (max-width: 767px){.editor-topbar{padding:0 12px;gap:8px}.editor-template-name{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-topbar-actions{gap:6px;flex-shrink:0}.editor-topbar-actions .editor-btn-primary,.editor-topbar-actions .editor-btn-cta,.editor-topbar-actions .editor-btn-secondary{padding:8px 12px;font-size:14px}.editor-topbar-actions .btn-icon{display:inline}.editor-topbar-actions .btn-label{display:none}.more-styles-btn .btn-icon{display:inline;font-size:16px;font-weight:700}.more-styles-btn .btn-label,.clear-vars-btn .btn-label{display:none}.clear-vars-btn{padding:8px 10px}.more-styles-btn{padding:10px 16px!important}.editor-back{padding:4px 6px;font-size:12px;flex-shrink:0}.back-arrow{font-size:16px}.editor-back .back-label{display:none}}.chat-wizard-panel-wrapper{width:380px;flex-shrink:0;border-left:1px solid var(--border);background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden;animation:wizardSlideIn .25s ease-out}.chat-wizard-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}@keyframes wizardSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.chat-wizard-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px 16px}.chat-wizard-sheet{width:100%;max-height:80vh;background:var(--bg-surface);border-radius:16px;overflow:hidden;animation:wizardModalIn .25s cubic-bezier(.32,.72,0,1)}.chat-wizard-sheet .chat-wizard-panel{max-height:80vh}@keyframes wizardModalIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.wizard-chat-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--bg-input) transparent}.wizard-chat-area::-webkit-scrollbar{width:4px}.wizard-chat-area::-webkit-scrollbar-thumb{background:var(--bg-input);border-radius:2px}.wizard-input-footer{flex-shrink:0;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-surface)}.wizard-swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}@media (max-width: 767px){.wizard-swatch-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.wizard-step-dots{display:flex;justify-content:center;gap:16px;padding:10px 16px;border-top:1px solid var(--border);flex-shrink:0}@media (max-width: 767px){.wizard-step-dots{gap:10px;padding:8px 12px}}.category-page{min-height:100vh;padding:24px 48px 80px;max-width:1200px;margin:0 auto}.cat-not-found{text-align:center;padding:80px 20px}.cat-not-found h1{font-size:28px;font-weight:800;margin-bottom:8px}.cat-not-found p{color:var(--text-secondary);margin-bottom:24px}.cat-back-link{color:var(--accent);font-weight:600;text-decoration:none}.cat-header{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;margin:20px 0 40px;padding:36px 40px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.cat-header-text{display:flex;flex-direction:column;gap:12px;min-width:0}.cat-title{font-family:var(--font-headline);font-size:42px;font-weight:800;letter-spacing:-2px;line-height:1;color:var(--text-primary);margin:0}.cat-count-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:100px;font-size:12px;font-weight:600;color:var(--text-secondary);align-self:flex-start}.cat-count-badge strong{color:var(--cta);font-weight:700}.cat-intro{font-size:14px;line-height:1.65;color:var(--text-secondary);max-width:560px;margin:0}.cat-preview-strip{display:flex;gap:8px;flex-shrink:0}.cat-preview-strip img{width:88px;height:148px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);opacity:.85;transition:opacity .2s ease}.cat-preview-strip img:hover{opacity:1}.cat-faq{margin-top:64px;padding-top:40px;border-top:1px solid var(--border);max-width:720px}.cat-faq-title{font-family:var(--font-headline);font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 24px}.cat-faq-list{display:flex;flex-direction:column;gap:20px;margin:0;padding:0}.cat-faq-item{border-bottom:1px solid var(--border);padding-bottom:20px}.cat-faq-item:last-child{border-bottom:none;padding-bottom:0}.cat-faq-q{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.cat-faq-a{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:0}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}.cat-grid .template-card{width:100%!important;flex:unset}.cat-subnav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.cat-subnav-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);font-size:12px;font-weight:600}.cat-subnav-link span{color:var(--accent-hover);font-size:11px}.cat-subnav-link:hover{color:var(--text-primary);border-color:#c2713c66}.cat-group-list{display:flex;flex-direction:column;gap:32px}.cat-group-section{display:flex;flex-direction:column;gap:18px}.cat-group-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.cat-group-title{font-size:24px;font-weight:800;letter-spacing:-.03em}.cat-group-count{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}@media (max-width: 1023px){.cat-header{padding:28px 24px;gap:24px}.cat-title{font-size:34px}.cat-preview-strip img{width:72px;height:120px}}@media (max-width: 640px){.category-page{padding:16px 16px 60px}.cat-header{grid-template-columns:1fr;padding:24px 20px}.cat-preview-strip{display:none}.cat-title{font-size:30px;letter-spacing:-1px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}}.template-page{min-height:100vh;padding:24px 48px 80px;max-width:1200px;margin:0 auto}.tp-not-found{text-align:center;padding:120px 24px}.tp-not-found h1{font-size:32px;margin-bottom:12px}.tp-not-found p{color:var(--text-secondary);margin-bottom:24px}.tp-back-link{color:var(--accent);text-decoration:none;font-weight:600}.tp-back-link:hover{text-decoration:underline}.tp-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-tertiary);margin-bottom:32px}.tp-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.tp-breadcrumb a:hover{color:var(--accent)}.tp-breadcrumb-sep{color:var(--text-tertiary)}.tp-breadcrumb-current{color:var(--text-primary);font-weight:500}.tp-content{display:flex;gap:48px;align-items:flex-start}.tp-preview{flex:1;max-width:500px}.tp-preview-img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:0 8px 40px #00000080;border:1px solid rgba(255,255,255,.06)}.tp-details{flex:1;display:flex;flex-direction:column;gap:16px;padding-top:16px}.tp-title{font-size:36px;font-weight:800;letter-spacing:-.5px;line-height:1.15}.tp-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tp-category-badge,.tp-style-badge{padding:4px 12px;font-size:12px;font-weight:600;border-radius:var(--radius-xl);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary)}.tp-category-badge{color:var(--accent);border-color:var(--accent)}.tp-size{font-size:12px;color:var(--text-tertiary);font-weight:500}.tp-description{font-size:15px;color:var(--text-secondary);line-height:1.6;max-width:480px}.tp-best-for{display:flex;flex-wrap:wrap;gap:8px}.tp-best-for-chip{padding:6px 10px;border-radius:999px;background:#c2713c14;border:1px solid rgba(194,113,60,.2);color:var(--cta-hover);font-size:11px;font-weight:600}.tp-cta{align-self:flex-start;padding:14px 32px;font-size:15px;font-weight:700;color:#fff;background:var(--accent);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition);font-family:var(--font);letter-spacing:.3px;margin-top:8px}.tp-cta:hover{background:var(--accent-hover);transform:scale(1.03)}.tp-browse-link{align-self:flex-start;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:var(--transition)}.tp-browse-link:hover{color:var(--accent)}.tp-related{margin-top:64px;padding-top:40px;border-top:1px solid var(--border)}.tp-related-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 24px}.tp-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tp-related-all{display:inline-block;margin-top:20px;font-size:14px;color:var(--accent);font-weight:500;text-decoration:none;transition:var(--transition)}.tp-related-all:hover{text-decoration:underline}@media (max-width: 767px){.template-page{padding:16px 16px 60px}.tp-content{flex-direction:column;gap:24px}.tp-preview{max-width:100%}.tp-title{font-size:28px}.tp-related-grid{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing-hero{display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:56px;padding:72px 64px 64px;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.landing-hero:before{content:"";position:absolute;top:-80px;right:30%;width:500px;height:500px;background:radial-gradient(ellipse,rgba(139,92,246,.12) 0%,rgba(236,72,153,.06) 40%,transparent 65%);pointer-events:none}.landing-hero-left{display:flex;flex-direction:column;gap:24px;z-index:1}.landing-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);animation:fadeIn .4s ease-out both}.landing-hero-eyebrow:before{content:"";display:block;width:20px;height:2px;background:var(--accent);flex-shrink:0}.landing-hero-h1{font-family:var(--font-headline);font-size:62px;font-weight:800;letter-spacing:-3px;line-height:.95;color:var(--text-primary);animation:fadeIn .45s ease-out .1s both}.landing-hero-h1 em{font-style:normal;color:var(--accent)}.landing-hero-sub{font-size:16px;color:var(--text-secondary);line-height:1.7;max-width:380px;animation:fadeIn .45s ease-out .2s both}.landing-hero-actions{display:flex;align-items:center;gap:16px;animation:fadeIn .45s ease-out .3s both}.landing-hero-cta{padding:14px 28px;font-size:14px;font-weight:600;color:#fff;background:var(--gradient-agent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s ease,box-shadow .2s ease;font-family:var(--font);text-decoration:none;letter-spacing:.1px;min-height:48px;display:inline-flex;align-items:center}.landing-hero-cta:hover{opacity:.9;box-shadow:0 0 0 3px #c2713c40}.landing-hero-cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.landing-hero-cta-text{font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:14px 4px;min-height:48px;display:inline-flex;align-items:center;transition:color .15s ease}.landing-hero-cta-text:hover{color:var(--accent)}.landing-hero-stat{font-size:13px;color:var(--text-tertiary);font-family:var(--font)}.landing-hero-stat strong{color:var(--text-primary);font-weight:600}.landing-hero-right{position:relative;z-index:1}.hero-tmpl-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:260px 200px;gap:10px}.htg-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #00000080;background:var(--bg-elevated)}.htg-card img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.htg-card--1{grid-row:1 / 3;animation:fadeIn .5s ease-out .15s both}.htg-card--2{animation:fadeIn .5s ease-out .25s both}.htg-card--3{animation:fadeIn .5s ease-out .35s both}.landing-categories{padding:56px 64px 0}.landing-section-title{font-family:var(--font-headline);font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:20px;color:var(--text-primary)}.landing-cat-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.landing-cat-bento .landing-cat-card:nth-child(5){grid-column:2 / span 2}.landing-cat-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:240px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:var(--text-primary);background:var(--bg-elevated) var(--cat-bg) center/cover no-repeat;border:1px solid var(--border)}.landing-cat-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px #c2713c59,0 0 0 1px #c2713c4d;border-color:#c2713c66}.landing-cat-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.landing-cat-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a0a0f0d,#0a0a0f8c 55%,#0a0a0fe6)}.landing-cat-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:18px 16px}.landing-cat-icon{width:28px;height:28px;color:var(--cta);margin-bottom:8px}.landing-cat-icon svg{width:100%;height:100%}.landing-cat-name{font-family:var(--font-headline);font-size:15px;font-weight:700;letter-spacing:-.3px}.landing-cat-count{font-size:12px;font-weight:500;color:var(--text-secondary)}.landing-cat-arrow{position:absolute;bottom:16px;right:14px;font-size:18px;color:var(--text-tertiary);opacity:0;transform:translate(-4px);transition:opacity .2s ease,transform .2s ease}.landing-cat-card:hover .landing-cat-arrow{opacity:1;transform:translate(0)}.hero-anim-window{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);overflow:hidden;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0a;display:flex;flex-direction:column;height:520px}@media (min-width: 768px){.hero-anim-window{height:560px}}@media (min-width: 1024px){.hero-anim-window{height:540px}}.hero-anim-content{flex:1;display:flex;flex-direction:column;min-height:0}.hero-anim-main{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}@media (min-width: 1024px){.hero-anim-content{flex-direction:row}}.hero-anim-titlebar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0}.hero-anim-dots{display:flex;gap:6px}.hero-anim-dots i{width:10px;height:10px;border-radius:50%;display:block}.hero-anim-dots i:nth-child(1){background:#ff5f57}.hero-anim-dots i:nth-child(2){background:#febc2e}.hero-anim-dots i:nth-child(3){background:#28c840}.hero-anim-title{display:inline-flex;align-items:baseline;gap:8px;font-size:12px;font-weight:600;color:var(--text-tertiary);letter-spacing:.3px;min-width:0}.hero-anim-title-name{color:var(--text-primary);font-weight:700}.hero-anim-title-sep{opacity:.5}.hero-anim-title-cat{color:var(--accent);font-weight:600}.hero-anim-rail{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0f121c99;border-bottom:1px solid var(--border);overflow:hidden;flex-shrink:0}.hero-anim-rail-head{display:none}.hero-anim-rail-grid,.hero-anim-rail-cell{display:contents}.hero-anim-rail-cell-name{display:none}.hero-anim-rail-tile{flex:0 0 auto;width:40px;height:40px;border-radius:8px;overflow:hidden;border:2px solid transparent;background:#ffffff0a;display:block}.hero-anim-rail-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.hero-anim-rail-tile--active{border-color:var(--accent)}.hero-anim-rail-tile-glyph{display:block;width:100%;height:100%}.hero-anim-rail-more{flex:0 0 auto;font-size:11px;font-weight:600;color:var(--accent);background:#c2713c1f;padding:6px 10px;border-radius:999px;margin-left:auto}.hero-anim-rail-tile-label{display:none}@media (min-width: 1024px){.hero-anim-rail{display:flex;flex-direction:column;align-items:stretch;width:260px;padding:0;gap:0;background:#15171f;border-right:1px solid rgba(255,255,255,.06);border-bottom:none;overflow:hidden;flex-shrink:0}.hero-anim-rail-head{display:flex;flex-direction:column;gap:8px;padding:14px 14px 12px;border-bottom:1px solid rgba(255,255,255,.04)}.hero-anim-rail-search{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#64748b;padding:8px 12px;border-radius:10px;font-size:12px}.hero-anim-rail-chips{display:flex;gap:6px;overflow:hidden}.hero-anim-rail-chip{flex:0 0 auto;font-size:11px;font-weight:500;padding:4px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#94a3b8;white-space:nowrap}.hero-anim-rail-chip--active{background:#c2713c2e;border-color:#c2713c66;color:var(--accent)}.hero-anim-rail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;padding:12px 12px 8px;flex:1;align-content:start;overflow-y:auto}.hero-anim-rail-cell{display:flex;flex-direction:column;gap:6px;min-width:0}.hero-anim-rail-cell-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;color:#cbd5e1;line-height:1.3;padding:0 2px}.hero-anim-rail-tile{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:10px;display:block;overflow:hidden}.hero-anim-rail-more{margin:0 12px 12px;text-align:center;padding:8px 10px;background:var(--accent-soft);color:var(--accent);border-radius:10px;font-size:11px;font-weight:700;letter-spacing:.02em}.hero-anim-rail-tile--placeholder{border:1px solid rgba(255,255,255,.06);position:relative}.hero-anim-rail-tile--gradient{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-variant) 100%)}.hero-anim-rail-tile--gradient .hero-anim-rail-tile-label{color:#fffdf9}.hero-anim-rail-tile--stripes{background:repeating-linear-gradient(45deg,var(--accent-soft) 0 6px,transparent 6px 12px),var(--bg-elevated)}.hero-anim-rail-tile--duotone{background:linear-gradient(180deg,var(--accent) 50%,var(--surface-strong) 50%)}.hero-anim-rail-tile--radial{background:radial-gradient(circle at 35% 35%,var(--accent) 0%,var(--accent-variant) 50%,var(--bg-elevated) 100%)}.hero-anim-rail-tile--radial .hero-anim-rail-tile-label{color:#fffdf9}.hero-anim-rail-tile--grid{background:linear-gradient(var(--accent-soft) 1px,transparent 1px) 0 0 / 8px 8px,linear-gradient(90deg,var(--accent-soft) 1px,transparent 1px) 0 0 / 8px 8px,var(--bg-elevated)}.hero-anim-rail-tile--lines{background:repeating-linear-gradient(0deg,var(--accent-soft) 0 2px,transparent 2px 9px),var(--bg-elevated)}.hero-anim-rail-tile--mesh{background:radial-gradient(at 20% 80%,var(--accent) 0%,transparent 40%),radial-gradient(at 80% 20%,var(--accent-variant) 0%,transparent 40%),var(--bg-elevated)}.hero-anim-rail-tile--mesh .hero-anim-rail-tile-label{color:#fffdf9}}.hero-anim-body{flex:1;display:flex;flex-direction:column;gap:16px;padding:20px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border) transparent;pointer-events:none}.hero-anim-body::-webkit-scrollbar{width:6px}.hero-anim-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ha-msg{border-radius:var(--radius-md);font-size:14px;line-height:1.5;word-break:break-word;animation:ha-slide-in .3s ease-out}@keyframes ha-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ha-msg--user{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);padding:12px 16px;align-self:flex-end;max-width:85%;min-height:42px}.ha-msg--agent{padding:12px 16px;align-self:flex-start;max-width:90%;color:var(--text-secondary);display:flex;flex-direction:column;gap:10px}.ha-msg--agent p{margin:0;font-size:14px}.ha-cursor{display:inline-block;width:2px;height:16px;background:var(--accent);margin-left:2px;vertical-align:text-bottom;animation:blink-cursor .8s step-end infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.ha-img-wrap{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);animation:ha-img-reveal .5s ease-out}.ha-img-wrap--square{width:200px;height:200px}.ha-img-wrap--portrait{width:160px;height:280px}@media (min-width: 768px){.ha-img-wrap--square{width:240px;height:240px}.ha-img-wrap--portrait{width:180px;height:320px}}@keyframes ha-img-reveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ha-img-wrap img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ha-template-tag{display:inline-flex;align-self:flex-start;font-size:11px;font-weight:600;color:var(--accent);background:#c2713c1a;padding:3px 10px;border-radius:20px;border:1px solid rgba(194,113,60,.2)}.ha-shimmer{display:flex;flex-direction:column;gap:10px;min-width:200px}.ha-shimmer-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--bg-elevated) 25%,rgba(194,113,60,.12) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}.ha-shimmer-line--med{width:65%}.ha-shimmer-block{width:180px;height:180px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-elevated) 25%,rgba(194,113,60,.08) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-anim-input{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--border);background:#0f121c8c}.hero-anim-input-text{flex:1;font-size:13px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-anim-input-send{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1}.landing-surfaces{padding:80px 64px;border-bottom:1px solid var(--border)}.surfaces-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:stretch}.surface-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px;transition:var(--transition);min-width:0;overflow:hidden}.surface-card-top{display:flex;flex-direction:column;gap:8px}.surface-card--link{text-decoration:none;color:inherit;cursor:pointer}.surface-card--link:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #c2713c26}.surface-card--featured{border-color:var(--accent);background:linear-gradient(135deg,#c2713c0f,#c2713c03)}.surface-card-badge{display:inline-block;width:-moz-fit-content;width:fit-content;padding:3px 10px;border-radius:9999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#c2713c26;color:var(--accent)}.surface-card h3{font-size:18px;font-weight:700;margin:0}.surface-card p{font-size:14px;color:var(--text-secondary);line-height:1.45;margin:0}.surface-card-cta{font-size:14px;font-weight:600;color:var(--accent);margin-top:auto;padding-top:4px}.surface-preview{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);flex:1;min-height:0}.surface-preview--terminal{background:#0d0d0d}.terminal-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0a;border-bottom:1px solid var(--border);font-size:11px;color:var(--text-tertiary)}.terminal-bar .dev-copy-btn{margin-left:auto}.terminal-dots{display:flex;gap:5px}.terminal-dots i{width:8px;height:8px;border-radius:50%}.terminal-dots i:nth-child(1){background:#ff5f57}.terminal-dots i:nth-child(2){background:#febc2e}.terminal-dots i:nth-child(3){background:#28c840}.terminal-body{padding:14px;margin:0;font-size:12px;line-height:1.6;color:var(--accent);font-family:SF Mono,Fira Code,monospace;white-space:pre-wrap;word-break:break-all}.terminal-prompt{color:#28c840;margin-right:6px}.surface-tools-compact{display:flex;flex-wrap:wrap;gap:6px}.surface-tools-compact span{font-size:11px;color:var(--text-secondary)}.surface-tools-compact code{font-size:11px;padding:2px 6px;border-radius:4px;background:#c2713c1f;color:var(--accent);font-family:SF Mono,Fira Code,monospace}.surface-preview--chat-v2{background:var(--bg-surface);padding:12px;display:grid;grid-template-columns:1fr 96px;gap:12px;min-height:240px}.mini-app-thread{display:flex;flex-direction:column;gap:8px;padding:4px 2px;min-width:0}.mini-app-msg{border-radius:12px;padding:7px 11px;font-size:12px;line-height:1.35;max-width:88%;word-break:break-word}.mini-app-msg--user{background:var(--accent);color:#fff;align-self:flex-end}.mini-app-msg--ai{background:#ffffff0f;color:var(--text-primary);align-self:flex-start;display:flex;flex-direction:column;gap:8px}.mini-app-msg--ai img{width:110px;height:110px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.mini-app-rail{background:#15171f;border:1px solid var(--border);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:8px}.mini-app-rail-search{height:18px;border-radius:5px;background:#ffffff0f;flex-shrink:0}.mini-app-rail-list{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.mini-app-rail-tile{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;border:2px solid transparent;background:#ffffff0a;display:block}.mini-app-rail-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.mini-app-rail-tile--active{border-color:var(--accent)}.surface-preview--grid{background:var(--bg-surface);padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.browse-thumb{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:6px}.pricing-row{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr;gap:16px;align-items:stretch}.pricing-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px}.pricing-box h4{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0 0 12px}.pricing-box--costs{align-items:stretch;text-align:left}.pricing-box--costs .pricing-cost-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:13px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.04)}.pricing-box--costs .pricing-cost-row:last-child{border-bottom:none}.pricing-box--costs .pricing-cost-val{font-weight:600;color:var(--accent)}.pricing-box--cta{justify-content:center;gap:12px}.pricing-box--cta .pricing-cta-btn{width:100%;text-align:center}.pricing-box--cta .pricing-note{font-size:12px;color:var(--text-tertiary);margin:0}@media (max-width: 1100px){.surfaces-grid{grid-template-columns:1fr}.landing-surfaces{padding:48px 24px}.pricing-row{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.pricing-row{grid-template-columns:1fr}}.landing-three-ways{padding:80px 64px;border-bottom:1px solid var(--border)}.landing-section-sub{font-size:16px;color:var(--text-secondary);margin-top:-12px;margin-bottom:36px}.tw-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;width:-moz-fit-content;width:fit-content}.tw-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-family:var(--font)}.tw-tab:hover{color:var(--text-primary)}.tw-tab--active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:0 1px 3px #0003}.tw-tab-icon{width:18px;height:18px}.tw-tab-icon svg{width:100%;height:100%}.tw-slider{position:relative}.tw-panel{display:none;animation:tw-fade-in .3s ease-out}.tw-panel--active{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:start}@keyframes tw-fade-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.tw-info{padding:24px 0;display:flex;flex-direction:column;gap:12px}.tw-info h3{font-family:var(--font-headline);font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.tw-info p{font-size:15px;color:var(--text-secondary);line-height:1.6}.tw-cta{font-size:14px;font-weight:600;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;font-family:var(--font);text-align:left;text-decoration:none}.tw-cta:hover{color:var(--accent-hover)}.tw-window,.tw-terminal{border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:0 12px 40px #00000059}.tw-window-bar,.tw-terminal-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border);font-size:12px;color:var(--text-tertiary);font-weight:500}.tw-window-dots{display:flex;gap:6px}.tw-window-dots i{width:10px;height:10px;border-radius:50%;display:block}.tw-window-dots i:nth-child(1){background:#ff5f57}.tw-window-dots i:nth-child(2){background:#febc2e}.tw-window-dots i:nth-child(3){background:#28c840}.tw-chat-body{background:var(--bg-primary);padding:20px;display:flex;flex-direction:column;gap:14px;min-height:300px}.tw-chat-msg{border-radius:var(--radius-md);padding:10px 14px;font-size:13px;line-height:1.5;max-width:85%}.tw-chat-msg--user{align-self:flex-end;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.tw-chat-msg--agent{align-self:flex-start;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px}.tw-chat-msg--agent p{margin:0;font-size:13px}.tw-chat-msg--agent strong{color:var(--accent)}.tw-chat-img{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.tw-chat-img--square{width:160px;height:160px}.tw-chat-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tw-chat-tag{font-size:10px;font-weight:600;color:var(--accent);background:#8b5cf61a;padding:2px 8px;border-radius:12px;align-self:flex-start}.tw-chat-input{padding:10px 14px;border-top:1px solid var(--border);font-size:12px;color:var(--text-tertiary);background:var(--bg-surface)}.tw-terminal{background:#0d1117}.tw-terminal-bar{background:#161b22;border-color:#30363d}.tw-terminal-bar .tw-window-dots i:nth-child(1){background:#ff5f57}.tw-terminal-bar .tw-window-dots i:nth-child(2){background:#febc2e}.tw-terminal-bar .tw-window-dots i:nth-child(3){background:#28c840}.tw-terminal-body{padding:16px 18px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12.5px;line-height:1.8;color:#c9d1d9;min-height:300px}.tw-term-line{display:flex;gap:8px;align-items:baseline}.tw-term-line--dim{color:#8b949e}.tw-term-prompt{color:#58a6ff;font-weight:600}.tw-term-cmd{color:#c9d1d9}.tw-term-tool{color:#d2a8ff}.tw-term-arrow{color:#3fb950}.tw-term-result{color:#3fb950;font-weight:500}.tw-term-cursor{display:inline-block;width:7px;height:15px;background:#58a6ff;animation:blink-cursor 1s step-end infinite;vertical-align:text-bottom}.tw-browse-body{background:var(--bg-primary);padding:16px;display:flex;flex-direction:column;gap:12px;min-height:300px}.tw-browse-row-label{font-size:13px;font-weight:700;color:var(--text-primary);font-family:var(--font-headline)}.tw-browse-row{display:flex;gap:8px;overflow:hidden}.tw-browse-card{width:80px;height:80px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);flex-shrink:0}.tw-browse-card img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.landing-examples{padding:80px 64px;border-bottom:1px solid var(--border)}.examples-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.examples-grid--compact{grid-template-columns:repeat(4,1fr);gap:16px}.example-card{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s ease}.example-card--stacked{grid-template-columns:1fr;grid-template-rows:auto auto}.example-card--stacked .example-result{min-height:280px;aspect-ratio:1 / 1}.example-prompt--compact{padding:12px 14px 14px;font-size:12px;line-height:1.4;gap:6px}.example-card:hover{border-color:#c2713c4d}.example-prompt{padding:24px;display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--text-primary);line-height:1.5;font-style:italic;justify-content:center}.example-prompt-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-style:normal}.example-result{position:relative;min-height:200px;background:var(--bg-elevated)}.example-result img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.example-meta{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:8px 12px;background:linear-gradient(transparent,#0a0a0fd9);font-size:11px}.example-template{font-weight:600;color:var(--text-primary)}.example-category{color:var(--text-tertiary)}.landing-pricing{padding:80px 64px;border-bottom:1px solid var(--border)}.pricing-card{max-width:520px;margin:0 auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px 36px;display:flex;flex-direction:column;gap:24px}.pricing-card--wide{max-width:960px;display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:48px 56px;align-items:start}.pricing-col{display:flex;flex-direction:column;gap:24px;min-width:0}.pricing-col--main{align-items:flex-start;border-right:1px solid var(--border);padding-right:48px}.pricing-col--costs{padding-top:4px}.pricing-cta-btn{align-self:stretch;justify-content:center}.pricing-hero-row{display:flex;align-items:center;justify-content:center;gap:32px}.pricing-free,.pricing-paid{display:flex;align-items:center;gap:12px}.pricing-big{font-family:var(--font-headline);font-size:48px;font-weight:800;letter-spacing:-2px;background:var(--gradient-agent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-label{font-size:14px;color:var(--text-secondary);line-height:1.3}.pricing-divider{width:1px;height:48px;background:var(--border)}.pricing-costs{border-top:1px solid var(--border);padding-top:20px}.pricing-card--wide .pricing-costs{border-top:none;padding-top:0}.pricing-costs h4,.pricing-col--costs h4{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.pricing-cost-list{display:flex;flex-direction:column;gap:8px}.pricing-cost-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary);padding:4px 0}.pricing-cost-val{font-weight:600;color:var(--text-primary)}.pricing-note{font-size:13px;color:var(--text-tertiary);text-align:center}.landing-developer{padding:80px 64px;border-bottom:1px solid var(--border)}.dev-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dev-config{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.dev-config-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.dev-config-tab{flex:1;padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-tertiary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:var(--transition);font-family:var(--font)}.dev-config-tab:hover{color:var(--text-secondary)}.dev-config-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.dev-config-hint{margin:0;padding:10px 16px 14px;font-size:12px;color:var(--text-tertiary);line-height:1.5}.dev-config-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border);font-size:12px;color:var(--text-tertiary);font-family:monospace}.dev-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-family:var(--font)}.dev-copy-btn:hover{color:var(--text-primary);border-color:var(--accent)}.dev-config-code{padding:20px;font-size:13px;line-height:1.6;color:var(--accent);font-family:SF Mono,Fira Code,monospace;overflow-x:auto;margin:0}.dev-badges{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.dev-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;background:#c2713c1a;color:var(--accent);border:1px solid rgba(194,113,60,.2)}.dev-tools{display:flex;flex-direction:column;gap:16px}.dev-tools h4{font-family:var(--font-headline);font-size:18px;font-weight:700;color:var(--text-primary)}.dev-tool-list{display:flex;flex-direction:column;gap:8px}.dev-tool-row{display:flex;align-items:baseline;gap:12px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px}.dev-tool-row code{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:var(--accent);white-space:nowrap;flex-shrink:0}.dev-tool-row span{color:var(--text-secondary)}.landing-hero-cta--secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary);font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer}.landing-hero-cta--secondary:hover{border-color:var(--accent);color:var(--accent);opacity:1;box-shadow:none}@media (max-width: 1023px){.landing-hero{grid-template-columns:1fr 1fr;padding:56px 40px 48px;gap:40px}.landing-hero-h1{font-size:48px;letter-spacing:-2px}.landing-categories{padding:40px 40px 0}.landing-three-ways,.landing-examples,.landing-pricing,.landing-developer{padding:60px 40px}.tw-panel--active{grid-template-columns:1fr;gap:20px}.examples-grid{grid-template-columns:1fr}.examples-grid--compact{grid-template-columns:repeat(2,1fr)}.dev-content{grid-template-columns:1fr}.pricing-card--wide{grid-template-columns:1fr;gap:28px;padding:36px 32px}.pricing-col--main{border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:28px}}@media (max-width: 767px){.landing-hero{grid-template-columns:1fr;padding:40px 20px 32px;gap:28px}.landing-hero-h1{font-size:36px;letter-spacing:-1.5px;line-height:1}.landing-hero-sub{max-width:100%;font-size:15px}.landing-hero-actions{flex-direction:column;align-items:stretch}.landing-hero-cta{justify-content:center}.hero-anim-window{height:440px}.ha-img-wrap--square{width:140px;height:140px}.ha-img-wrap--portrait{width:110px;height:192px}.hero-anim-body{padding:14px;gap:12px}.ha-msg{font-size:13px}.hero-anim-rail{padding:8px 12px;gap:6px}.hero-anim-rail-tile{width:36px;height:36px}.landing-three-ways,.landing-examples,.landing-pricing,.landing-developer{padding:48px 20px}.tw-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tw-tab{padding:8px 14px;font-size:13px;white-space:nowrap}.tw-panel--active{grid-template-columns:1fr;gap:16px}.tw-chat-body,.tw-terminal-body,.tw-browse-body{min-height:240px}.tw-terminal-body{font-size:11px;padding:12px}.tw-browse-card{width:64px;height:64px}.examples-grid,.example-card{grid-template-columns:1fr}.example-result{min-height:180px}.pricing-hero-row{flex-direction:column;gap:20px}.pricing-divider{width:80%;height:1px}.pricing-big{font-size:40px}.dev-content{grid-template-columns:1fr}.landing-categories{padding:36px 20px 0}.landing-cat-bento{grid-template-columns:repeat(2,1fr)}.landing-cat-bento .landing-cat-card:nth-child(5){grid-column:span 1}.landing-cat-card{min-height:150px}}@media (prefers-reduced-motion: reduce){.landing-hero-eyebrow,.landing-hero-h1,.landing-hero-sub,.landing-hero-actions,.ha-cursor,.ha-shimmer-line,.ha-shimmer-block,.tw-term-cursor{animation:none!important;opacity:1!important;transform:none!important}}.blog-page{min-height:100vh;padding:24px 48px 80px;max-width:800px;margin:0 auto}.blog-not-found{text-align:center;padding:80px 0}.blog-header{margin-bottom:32px;border-bottom:1px solid var(--border);padding-bottom:24px}.blog-title{font-size:36px;font-weight:800;letter-spacing:-1px;line-height:1.2;color:var(--text-primary)}.blog-date{font-size:14px;color:var(--text-secondary);margin-top:8px;display:block}.blog-intro{font-size:18px;line-height:1.7;color:var(--text-secondary);margin-bottom:32px}.blog-body h2{font-size:24px;font-weight:700;margin:40px 0 16px;color:var(--text-primary)}.blog-body h3{font-size:18px;font-weight:600;margin:28px 0 12px;color:var(--text-primary)}.blog-body p{font-size:16px;line-height:1.7;color:var(--text-secondary);margin-bottom:16px}.blog-body ul,.blog-body ol{margin:0 0 16px 24px;color:var(--text-secondary);line-height:1.7}.blog-body li{margin-bottom:6px}.blog-body code{background:var(--surface-elevated);padding:2px 6px;border-radius:4px;font-size:14px;color:var(--accent)}.blog-body pre{background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;padding:16px;overflow-x:auto;margin-bottom:20px}.blog-body pre code{background:none;padding:0;font-size:13px;color:var(--text-primary)}.blog-body strong{color:var(--text-primary)}.blog-body em{font-style:italic}.blog-body a{color:var(--accent);text-decoration:underline}.blog-table-wrap{overflow-x:auto;margin-bottom:20px}.blog-body table{width:100%;border-collapse:collapse;font-size:14px}.blog-body th{text-align:left;padding:10px 12px;background:var(--surface-elevated);border:1px solid var(--border);color:var(--text-primary);font-weight:600}.blog-body td{padding:10px 12px;border:1px solid var(--border);color:var(--text-secondary)}.blog-list{display:flex;flex-direction:column;gap:8px}.blog-list-item{border-bottom:1px solid var(--border)}.blog-list-link{display:block;padding:20px 0;text-decoration:none;transition:opacity .15s}.blog-list-link:hover{opacity:.8}.blog-list-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.blog-list-date{font-size:13px;color:var(--text-secondary);display:block;margin-bottom:8px}.blog-list-desc{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0}.blog-draft-badge{display:inline-block;margin-top:8px;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border)}.wf-list-link{display:flex!important;gap:16px;align-items:flex-start}.wf-list-thumb{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;flex-shrink:0}.wf-list-info{min-width:0}.wf-list-meta{display:flex;gap:12px;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.wf-list-meta span{white-space:nowrap}@media (max-width: 640px){.blog-page{padding:16px}.blog-title{font-size:26px}.wf-list-thumb{width:60px;height:60px}}.wf-page{min-height:100vh;padding-bottom:80px}.wf-loading{display:flex;justify-content:center;align-items:center;min-height:60vh}.wf-loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:wf-spin .8s linear infinite}@keyframes wf-spin{to{transform:rotate(360deg)}}.wf-error{text-align:center;padding:120px 24px;color:var(--text-secondary)}.wf-error h2{font-family:var(--font-headline);font-size:28px;color:var(--text-primary);margin-bottom:8px}.wf-hero{padding:64px 24px 48px;text-align:center;max-width:720px;margin:0 auto}.wf-hero-inner{display:flex;flex-direction:column;align-items:center;gap:24px}.wf-persona{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.wf-persona-avatar{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:50%}.wf-persona-info{text-align:left}.wf-persona-name{font-family:var(--font-headline);font-size:18px;font-weight:700;color:var(--text-primary)}.wf-persona-role{font-size:14px;color:var(--text-secondary);margin-top:2px}.wf-pain-point{padding:16px 20px;background:#c2713c0f;border:1px solid rgba(194,113,60,.15);border-radius:var(--radius-md);text-align:left;max-width:560px}.wf-pain-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--cta);display:block;margin-bottom:6px}.wf-pain-text{font-size:15px;color:var(--text-secondary);line-height:1.5}.wf-hero-title{font-family:var(--font-headline);font-size:40px;font-weight:800;line-height:1.15;letter-spacing:-1px;color:var(--text-primary);max-width:600px}.wf-hero-desc{font-size:17px;color:var(--text-secondary);line-height:1.6;max-width:520px}.wf-stats{display:flex;gap:32px;padding:20px 32px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.wf-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.wf-stat-value{font-family:var(--font-headline);font-size:24px;font-weight:700;color:var(--text-primary)}.wf-stat-label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.wf-tool-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.wf-tool-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:capitalize;white-space:nowrap}.wf-hero-cta{display:inline-flex;align-items:center;padding:14px 28px;background:var(--gradient-agent);color:#fff;font-weight:600;font-size:15px;border-radius:var(--radius-lg);text-decoration:none;transition:transform var(--transition),box-shadow var(--transition)}.wf-hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c2713c4d}.wf-timeline{max-width:780px;margin:0 auto;padding:0 24px 48px;position:relative}.wf-step{display:flex;gap:24px;margin-bottom:48px;position:relative}.wf-timeline-line{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:40px}.wf-timeline-line:after{content:"";position:absolute;top:40px;bottom:-48px;width:2px;background:var(--border)}.wf-step:last-child .wf-timeline-line:after{display:none}.wf-timeline-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.wf-step-num{font-family:var(--font-headline);font-size:14px;font-weight:700;color:#fff}.wf-step-card{flex:1;min-width:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:16px}.wf-step-header{display:flex;flex-direction:column;gap:8px}.wf-step-meta{display:flex;align-items:center;gap:8px}.wf-duration{font-size:12px;font-weight:500;color:var(--text-tertiary);background:var(--bg-elevated);padding:2px 10px;border-radius:12px}.wf-step-title{font-family:var(--font-headline);font-size:20px;font-weight:700;color:var(--text-primary)}.wf-step-desc{font-size:14px;color:var(--text-secondary);line-height:1.5}.wf-step-params{background:var(--bg-elevated);border-radius:var(--radius-md);padding:12px 16px;display:flex;flex-direction:column;gap:8px}.wf-param-row{display:flex;gap:12px;font-size:13px;line-height:1.4}.wf-param-key{color:var(--accent);font-weight:600;min-width:100px;flex-shrink:0;text-transform:capitalize}.wf-param-value{color:var(--text-secondary);word-break:break-word;min-width:0}.wf-output-summary{font-size:14px;color:#10b981;padding:10px 14px;background:#10b98114;border:1px solid rgba(16,185,129,.15);border-radius:var(--radius-sm);line-height:1.4}.wf-output-icon{margin-right:8px;font-weight:700}.wf-match-reasons{display:flex;flex-wrap:wrap;gap:6px}.wf-reason-tag{font-size:11px;padding:3px 10px;background:#c2713c1a;border:1px solid rgba(194,113,60,.2);color:var(--accent-hover);border-radius:20px}.wf-step-img{width:100%;border-radius:var(--radius-md);display:block}.wf-single-image{max-width:400px}.wf-before-after{display:flex;align-items:center;gap:12px}.wf-ba-item{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.wf-ba-label{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.wf-ba-arrow{flex-shrink:0;color:var(--text-tertiary)}.wf-variations{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wf-variation-item{position:relative;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;transition:border-color var(--transition)}.wf-variation-item.wf-selected{border-color:var(--accent)}.wf-selected-badge{position:absolute;top:8px;left:8px;font-size:11px;font-weight:700;padding:3px 10px;background:var(--accent);color:#fff;border-radius:20px;z-index:1}.wf-variation-name{display:block;font-size:12px;color:var(--text-secondary);text-align:center;padding:6px 0 2px}.wf-sprite-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wf-sprite-item{display:flex;flex-direction:column;align-items:center;border-radius:var(--radius-md);overflow:hidden}.wf-sprite-item .wf-step-img{border-radius:var(--radius-md)}.wf-sprite-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:capitalize;text-align:center;padding:6px 0 2px}.wf-final-characters{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.wf-final-character{text-align:center}.wf-final-character-name{font-family:var(--font-headline);font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.wf-final-character .wf-sprite-grid{max-width:640px;margin:0 auto}.wf-final-character .wf-final-img{box-shadow:0 8px 24px #0000004d}.wf-final{max-width:780px;margin:0 auto;padding:0 24px}.wf-final-inner{text-align:center;padding:48px 32px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.wf-final-title{font-family:var(--font-headline);font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:8px}.wf-final-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:32px}.wf-final-image-wrap{max-width:480px;margin:0 auto 32px}.wf-final-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px;max-width:640px;margin-left:auto;margin-right:auto}.wf-final-asset{display:flex;flex-direction:column;gap:10px}.wf-final-asset-info{display:flex;flex-direction:column;align-items:center;gap:2px}.wf-final-asset-label{font-size:13px;font-weight:600;color:var(--text-primary)}.wf-final-asset-format{font-size:11px;color:var(--text-tertiary)}.wf-final-img{width:100%;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006}.wf-final-cta-row{display:flex;justify-content:center;gap:12px}@media (max-width: 640px){.wf-hero{padding:40px 16px 32px}.wf-hero-title{font-size:28px}.wf-hero-desc{font-size:15px}.wf-stats{gap:20px;padding:16px 20px}.wf-stat-value{font-size:20px}.wf-timeline{padding:0 16px 32px}.wf-step{gap:12px}.wf-timeline-line{width:32px}.wf-timeline-dot{width:28px;height:28px}.wf-step-num{font-size:12px}.wf-step-card{padding:16px}.wf-step-title{font-size:17px}.wf-before-after{flex-direction:column}.wf-ba-arrow{transform:rotate(90deg)}.wf-variations{grid-template-columns:1fr}.wf-sprite-grid{grid-template-columns:repeat(2,1fr)}.wf-param-row{flex-direction:column;gap:2px}.wf-param-key{min-width:unset}.wf-final{padding:0 16px}.wf-final-inner{padding:32px 16px}.wf-final-title{font-size:22px}.wf-final-grid{grid-template-columns:1fr;max-width:360px}}.vnb-page{max-width:960px;margin:0 auto;padding:0 24px 80px}.vnb-hero{text-align:center;padding:56px 0 40px}.vnb-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:12px}.vnb-title{font-family:var(--font-headline);font-size:36px;font-weight:800;line-height:1.15;margin-bottom:12px}.vnb-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto 12px}.vnb-date{font-size:13px;color:var(--text-tertiary)}.vnb-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:48px}.vnb-stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.vnb-stat-card.gemini{border-left:3px solid #3B82F6}.vnb-stat-card.grok{border-left:3px solid #10B981}.vnb-stat-model{font-family:var(--font-headline);font-size:16px;font-weight:700;margin-bottom:14px}.vnb-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vnb-stat-val{display:block;font-family:var(--font-headline);font-size:20px;font-weight:700;color:var(--text-primary)}.vnb-stat-lbl{display:block;font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.vnb-section{margin-bottom:56px}.vnb-section-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.vnb-section-title{font-family:var(--font-headline);font-size:24px;font-weight:700}.vnb-section-desc{font-size:14px;color:var(--text-secondary);margin-bottom:6px;line-height:1.5}.vnb-verdict{font-size:13px;color:var(--text-tertiary);font-style:italic;margin-bottom:20px}.vnb-badge{font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;white-space:nowrap}.vnb-grok-win{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.vnb-gemini-win{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.vnb-tie{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.vnb-comparison{margin-bottom:28px}.vnb-test-label{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.vnb-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vnb-side{position:relative}.vnb-provider-label{position:absolute;top:10px;left:10px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:8px;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gemini-label{background:#3b82f6b3;color:#fff}.grok-label{background:#10b981b3;color:#fff}.vnb-img{width:100%;border-radius:var(--radius-md);display:block;background:repeating-conic-gradient(#1c1c24,#1c1c24 25%,#13131a 0%,#13131a 50%) 50% / 16px 16px}.vnb-score-badge{position:absolute;bottom:10px;right:10px;font-size:13px;font-weight:700;padding:4px 10px;border-radius:8px;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gemini-score{background:#3b82f6cc;color:#fff}.grok-score{background:#10b981cc;color:#fff}.vnb-consistency-scores{display:flex;gap:12px;margin-bottom:16px}.vnb-cscore{font-size:14px;font-weight:700;padding:6px 16px;border-radius:var(--radius-sm);background:var(--bg-elevated)}.gemini-border{border:2px solid #3B82F6;color:#3b82f6}.grok-border{border:2px solid #10B981;color:#10b981}.vnb-conclusion{text-align:center;padding:40px 24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.vnb-conclusion h2{font-family:var(--font-headline);font-size:24px;margin-bottom:12px}.vnb-conclusion p{font-size:15px;color:var(--text-secondary);line-height:1.6;max-width:560px;margin:0 auto}@media (max-width: 640px){.vnb-hero{padding:32px 0 24px}.vnb-title{font-size:26px}.vnb-stats,.vnb-pair{grid-template-columns:1fr}.vnb-pair-tall .vnb-img{max-width:280px;margin:0 auto}}.vnf-genre-filter{display:flex;gap:8px;justify-content:center;margin-top:16px}.vnf-genre-btn{font-size:13px;font-weight:600;padding:6px 16px;border-radius:20px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;text-transform:capitalize;transition:all .15s}.vnf-genre-btn:hover{border-color:var(--accent);color:var(--accent)}.vnf-genre-active{background:var(--accent);color:#fff;border-color:var(--accent)}.vnf-scores-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;margin-bottom:32px}.vnf-weighted-total{text-align:center;margin-bottom:24px}.vnf-weighted-num{font-family:var(--font-headline);font-size:56px;font-weight:800;color:var(--accent)}.vnf-weighted-max{font-size:24px;color:var(--text-tertiary);margin-left:4px}.vnf-score-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.vnf-score-label{font-size:13px;font-weight:600;color:var(--text-secondary);width:160px;flex-shrink:0}.vnf-score-bar-bg{flex:1;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.vnf-score-bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .4s ease}.vnf-score-val{font-family:var(--font-headline);font-size:14px;font-weight:700;width:36px;text-align:right}.vnf-score-weight{font-size:11px;color:var(--text-tertiary);width:32px}.vnf-commentary{margin-top:20px;padding:16px;background:var(--bg-primary);border-radius:var(--radius-md);border-left:3px solid var(--accent)}.vnf-commentary p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0;font-style:italic}.vnf-flaws{margin-top:20px;padding:16px;background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md)}.vnf-flaws-title{font-size:14px;font-weight:700;color:#ef4444;margin-bottom:10px}.vnf-flaws-list{margin:0;padding-left:20px}.vnf-flaw-item{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:4px}.vnf-gallery{margin-bottom:32px}.vnf-gallery-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.vnf-gallery-title{font-family:var(--font-headline);font-size:20px;font-weight:700}.vnf-expand-icon{font-size:12px;color:var(--text-tertiary)}.vnf-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.vnf-scene-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.vnf-scene-img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;display:block}.vnf-scene-placeholder{width:100%;aspect-ratio:16/9;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:13px}.vnf-scene-meta{display:flex;align-items:center;gap:8px;padding:8px 12px 4px}.vnf-scene-id{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.vnf-cg-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;background:#c2713c26;color:var(--accent);border:1px solid rgba(194,113,60,.3)}.vnf-scene-text{font-size:13px;color:var(--text-secondary);line-height:1.5;padding:0 12px 12px;margin:0}.vnf-judge-notes{margin-bottom:32px}.vnf-judge-notes-title{font-family:var(--font-headline);font-size:20px;font-weight:700;margin-bottom:12px}.vnf-judge-notes-list{display:flex;flex-direction:column;gap:6px}.vnf-judge-note{display:flex;gap:12px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.vnf-judge-note-idx{font-size:12px;font-weight:600;color:var(--accent);white-space:nowrap;min-width:60px}.vnf-judge-note-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.vnf-costs{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;margin-bottom:32px}.vnf-costs-title{font-family:var(--font-headline);font-size:20px;font-weight:700;margin-bottom:16px}.vnf-costs-grid{display:flex;flex-direction:column;gap:8px}.vnf-cost-row{display:grid;grid-template-columns:1fr 80px 60px;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.vnf-cost-row:last-child{border-bottom:none}.vnf-cost-label{font-size:14px;color:var(--text-secondary)}.vnf-cost-val{font-family:var(--font-headline);font-size:14px;font-weight:600;text-align:right}.vnf-cost-time{font-size:13px;color:var(--text-tertiary);text-align:right}.vnf-cost-total{border-top:2px solid var(--border);padding-top:10px;margin-top:4px}.vnf-cost-total .vnf-cost-label{font-weight:700;color:var(--text-primary)}.vnf-cost-total .vnf-cost-val{color:var(--accent)}.vnf-story-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;margin-bottom:32px}.vnf-story-title{font-family:var(--font-headline);font-size:20px;font-weight:700;margin-bottom:12px}.vnf-story-meta{font-size:14px;color:var(--text-secondary);line-height:1.8}.vnf-story-meta strong{color:var(--text-primary)}.vnf-history{margin-bottom:32px}.vnf-history-title{font-family:var(--font-headline);font-size:20px;font-weight:700;margin-bottom:12px}.vnf-history-list{display:flex;flex-direction:column;gap:6px}.vnf-history-item{display:grid;grid-template-columns:80px 60px 60px 1fr;gap:12px;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s}.vnf-history-item:hover{border-color:var(--accent)}.vnf-history-active{border-color:var(--accent);background:rgba(var(--accent-rgb, 99, 102, 241),.05)}.vnf-history-genre{font-size:13px;font-weight:600;text-transform:capitalize}.vnf-history-score{font-family:var(--font-headline);font-size:13px;font-weight:700;color:var(--accent)}.vnf-history-cost{font-size:13px;color:var(--text-tertiary)}.vnf-history-date{font-size:12px;color:var(--text-tertiary);text-align:right}.vnf-history-tag{font-size:11px;background:var(--accent-blue);color:#fff;padding:2px 8px;border-radius:10px;white-space:nowrap}.vnf-progress{padding:32px 0}.vnf-progress-title{font-size:20px;font-weight:600;margin-bottom:4px}.vnf-progress-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.vnf-progress-chart{display:flex;align-items:flex-end;gap:8px;height:200px;padding:16px 0}.vnf-progress-bar-col{display:flex;flex-direction:column;align-items:center;gap:4px}.vnf-progress-bar-container{width:40px;height:160px;background:var(--bg-tertiary);border-radius:6px;overflow:hidden;display:flex;align-items:flex-end}.vnf-progress-bar-fill{width:100%;border-radius:6px 6px 0 0;transition:height .5s ease}.vnf-progress-bar-score{font-size:14px;font-weight:600}.vnf-progress-delta{font-size:11px;font-weight:500}.vnf-delta-up{color:#22c55e}.vnf-delta-down{color:#ef4444}.vnf-progress-bar-tag{font-size:10px;color:var(--text-tertiary);text-align:center;max-width:80px;word-break:break-word;line-height:1.2}.vnf-progress-table{margin-top:24px;overflow-x:auto}.vnf-progress-table table{width:100%;border-collapse:collapse;font-size:13px}.vnf-progress-table th,.vnf-progress-table td{padding:8px 12px;text-align:center;border-bottom:1px solid var(--border-subtle)}.vnf-progress-table th{font-weight:500;color:var(--text-secondary);font-size:11px}.vnf-progress-table td:first-child,.vnf-progress-table th:first-child{text-align:left;font-weight:500}.vnf-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:20px;animation:vnf-fade-in .15s ease}@keyframes vnf-fade-in{0%{opacity:0}to{opacity:1}}.vnf-modal-content{position:relative;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.vnf-modal-close{position:absolute;top:-12px;right:-12px;z-index:1001;width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-subtle);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.vnf-modal-img{max-width:90vw;max-height:75vh;border-radius:8px;-o-object-fit:contain;object-fit:contain}.vnf-modal-caption{margin-top:12px;text-align:center;color:#ccc;font-size:14px;max-width:600px}.vnf-modal-caption p{margin:6px 0 0;color:#aaa;font-size:13px}.vnf-modal-caption strong{color:#eee}@media (max-width: 640px){.vnf-score-label{width:120px;font-size:12px}.vnf-gallery-grid{grid-template-columns:1fr}.vnf-history-item{grid-template-columns:1fr 1fr}}.auth-buttons{display:flex;align-items:center;gap:12px;margin-left:auto}.auth-user-name{font-size:14px;color:var(--text-secondary)}.auth-btn{padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:var(--transition)}.auth-btn-signin{background:var(--accent);color:#fff}.auth-btn-signin:hover{background:var(--accent-hover, #c2713c)}.auth-btn-signout{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border)}.auth-btn-signout:hover{color:var(--text-primary);border-color:var(--text-secondary)}.credit-badge-wrapper{position:relative;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.credit-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:12px;font-size:12px;font-weight:700;background:var(--accent);color:#fff;transition:var(--transition)}.credit-badge-pro{background:var(--gradient-agent);color:#fff;font-size:11px;letter-spacing:.5px}.credit-badge-low{background:#f59e0b;color:#000}.credit-badge-exhausted{background:#ef4444;color:#fff;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.credit-tooltip{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;min-width:180px;z-index:200;box-shadow:0 8px 24px #0006}.credit-tooltip-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--text-secondary)}.credit-tooltip-row strong{color:var(--text-primary)}.credit-tooltip-upgrade{display:block;margin-top:8px;padding:6px 12px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);text-align:center;text-decoration:none;font-size:13px;font-weight:500}.credit-tooltip-upgrade:hover{background:var(--accent-hover, #c2713c)}.chat-page{display:flex;flex-direction:column;height:calc(100vh - 60px);max-width:800px;margin:0 auto;width:100%}.chat-page-topbar{display:flex;justify-content:flex-end;padding:8px 24px 0}.chat-reset-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:var(--bg-surface, #1a1a2e);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;font-size:13px;font-weight:500;transition:color .2s,border-color .2s}.chat-reset-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.chat-empty-icon{margin-bottom:20px;color:var(--text-secondary)}.chat-empty-title{font-family:var(--font-headline, "Georgia", serif);font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.chat-empty-sub{font-size:16px;color:var(--text-secondary);margin:0 0 32px;max-width:400px}.chat-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:480px;width:100%}.chat-suggestion{padding:14px 16px;border-radius:12px;background:var(--bg-surface, #1a1a2e);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;font-size:14px;text-align:left;line-height:1.4;transition:border-color .2s,background .2s}.chat-suggestion:hover{border-color:var(--accent);background:#c2713c14}.chat-page-messages{flex:1;overflow-y:auto;padding:24px 0;display:flex;flex-direction:column}.chat-page-msg{display:flex;gap:16px;padding:16px 24px}.chat-page-msg-user{background:transparent}.chat-page-msg-assistant{background:var(--bg-surface, rgba(26, 26, 46, .5))}.chat-page-msg-avatar{flex-shrink:0;padding-top:2px}.chat-avatar-user,.chat-avatar-ai{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.chat-avatar-user{background:var(--accent);color:#fff}.chat-avatar-ai{background:var(--gradient-agent);color:#fff}.chat-page-msg-body{flex:1;min-width:0}.chat-page-msg-text{font-size:15px;line-height:1.7;color:var(--text-primary)}.chat-page-para{margin:0 0 8px}.chat-page-para:last-child{margin-bottom:0}.chat-page-list-item{padding:2px 0 2px 8px}.chat-page-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:12px}.chat-page-image{width:100%;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .15s;border:1px solid var(--border)}.chat-page-image:hover{transform:scale(1.03);box-shadow:0 4px 16px #0000004d}.chat-low-balance-banner{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;background:#fbbf2414;border:1px solid rgba(251,191,36,.4);border-radius:8px;color:#fbbf24;font-size:13px;font-weight:500}.chat-low-balance-banner svg{flex-shrink:0}.chat-template-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:12px}.chat-template-card{display:flex;flex-direction:column;align-items:stretch;background:var(--bg-surface, #1a1a2e);border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .15s;text-align:left;padding:0}.chat-template-card:hover{border-color:var(--accent);transform:translateY(-2px)}.chat-template-card-img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.chat-template-card-info{padding:8px 10px}.chat-template-card-name{display:block;font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.chat-template-card-meta{display:block;font-size:11px;color:var(--text-secondary);margin-top:2px}.chat-page-tool-badge{display:inline-block;margin-top:10px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize;background:#c2713c1f;color:var(--accent)}.chat-upgrade-btn{display:inline-block;margin-top:12px;padding:10px 20px;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:var(--transition)}.chat-upgrade-btn:hover{background:var(--accent-hover, #c2713c)}.chat-credit-subscript{opacity:.65;font-weight:400}.chat-retry-btn{display:inline-block;margin-top:8px;padding:6px 16px;border-radius:var(--radius-md);background:#c2713c1f;color:var(--accent);font-size:13px;font-weight:600;border:1px solid var(--accent);cursor:pointer;transition:var(--transition)}.chat-retry-btn:hover{background:var(--accent);color:#fff}.chat-page-typing{display:flex;gap:5px;align-items:center;padding:4px 0}.chat-page-typing .dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);opacity:.5;animation:chatDot 1.2s infinite}.chat-page-typing .dot:nth-child(2){animation-delay:.2s}.chat-page-typing .dot:nth-child(3){animation-delay:.4s}@keyframes chatDot{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:.8}}.chat-page-input-wrap{padding:16px 24px 24px;border-top:1px solid var(--border);background:var(--bg-primary, #0A0A0F)}.chat-page-input-container{display:flex;align-items:flex-end;gap:12px;background:var(--bg-surface, #1a1a2e);border:1px solid var(--border);border-radius:16px;padding:12px 16px;transition:border-color .2s}.chat-page-input-container:focus-within{border-color:var(--accent)}.chat-page-input{flex:1;resize:none;border:none;background:transparent;color:var(--text-primary);font-size:16px;font-family:inherit;line-height:1.5;outline:none;min-height:24px;max-height:200px}.chat-page-input::-moz-placeholder{color:var(--text-secondary);opacity:.5}.chat-page-input::placeholder{color:var(--text-secondary);opacity:.5}.chat-page-send{width:36px;height:36px;border-radius:10px;background:var(--accent);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s;flex-shrink:0}.chat-page-send:disabled{opacity:.3;cursor:not-allowed}.chat-page-send:not(:disabled):hover{opacity:.85}.chat-page-disclaimer{text-align:center;font-size:12px;color:var(--text-secondary);opacity:.5;margin:8px 0 0;padding:0}@media (max-width: 640px){.chat-page{height:calc(100vh - 56px)}.chat-page-msg{padding:12px 16px;gap:12px}.chat-page-input-wrap{padding:12px 16px 16px}.chat-suggestions{grid-template-columns:1fr}.chat-empty-title{font-size:22px}.chat-page-images{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.auth-buttons{gap:8px}.auth-user-name{display:none}}.psb-page{max-width:1240px;margin:0 auto;padding:0 24px 80px}.psb-hero{text-align:center;padding:56px 0 40px}.psb-eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:12px}.psb-title{font-family:var(--font-headline);font-size:38px;font-weight:800;line-height:1.15;margin-bottom:14px}.psb-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.6;max-width:760px;margin:0 auto}.psb-loading,.psb-error{text-align:center;padding:40px;color:var(--text-tertiary);font-size:14px}.psb-error{color:#ef4444}.psb-section{margin-bottom:64px}.psb-section-header{margin-bottom:16px}.psb-section-title{font-family:var(--font-headline);font-size:24px;font-weight:700;margin-bottom:4px}.psb-section-date{font-size:13px;color:var(--text-tertiary)}.psb-section-date code{font-family:var(--font-mono, ui-monospace, monospace);font-size:12px;padding:1px 6px;background:var(--bg-elevated);border-radius:4px;color:var(--text-secondary)}.psb-brief-card{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:14px 18px;margin-bottom:24px}.psb-brief-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--accent);display:block;margin-bottom:6px}.psb-brief-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.psb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}.psb-reference,.psb-model-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;position:relative}.psb-reference{border-top:3px solid var(--text-tertiary);padding:14px}.psb-model-card{border-top:3px solid #94A3B8;padding:14px}.psb-model-card.psb-winner{box-shadow:0 0 0 1px #f59e0b66,0 8px 30px #f59e0b1f}.psb-winner-ribbon{position:absolute;top:12px;right:12px;z-index:2;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#1a1a1a;font-size:10px;font-weight:800;letter-spacing:.5px;padding:3px 9px;border-radius:999px}.psb-ref-label,.psb-blind-tag{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-tertiary)}.psb-blind-tag{background:var(--bg-elevated);padding:3px 8px;border-radius:4px;color:var(--text-secondary);white-space:nowrap}.psb-model-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.psb-model-name{font-family:var(--font-headline);font-size:14px;font-weight:700;margin:0 0 3px;line-height:1.2}.psb-model-meta{font-size:11px;color:var(--text-tertiary);margin:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.psb-dot{color:var(--border)}.psb-img-button{all:unset;cursor:zoom-in;display:block;width:100%}.psb-img{width:100%;display:block;border-radius:var(--radius-sm);background:repeating-conic-gradient(#1c1c24,#1c1c24 25%,#13131a 0%,#13131a 50%) 50% / 12px 12px}.psb-reference .psb-img,.psb-model-card .psb-img{aspect-ratio:9/16;-o-object-fit:cover;object-fit:cover}.psb-ref-caption{font-size:11px;color:var(--text-tertiary);margin:8px 0 0;text-align:center;line-height:1.4}.psb-score-table{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.psb-score-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px}.psb-score-label{color:var(--text-secondary);cursor:help}.psb-score{font-family:var(--font-headline);font-size:14px;font-weight:700}.psb-score-max{font-size:10px;color:var(--text-tertiary);font-weight:500}.psb-score-total{margin-top:4px;padding-top:6px;border-top:1px dashed var(--border)}.psb-score-total .psb-score-label{font-weight:700;color:var(--text-primary)}.psb-score-total .psb-score{font-size:16px}.psb-judge-notes{font-size:11px;color:var(--text-tertiary);font-style:italic;line-height:1.5;margin:10px 0 0;padding-top:10px;border-top:1px solid var(--border)}.psb-verdict{margin-top:18px;padding:14px 18px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary);line-height:1.6}.psb-verdict strong{color:#f59e0b;font-weight:700}@media (max-width: 1080px){.psb-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.psb-grid{grid-template-columns:1fr}.psb-title{font-size:28px}.psb-hero{padding:32px 0 24px}}.gic-page{display:grid;grid-template-columns:260px 1fr;height:calc(100vh - 56px);background:#0b1020;color:#e2e8f0}.gic-sidebar{border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;padding:16px 12px;gap:12px;overflow-y:auto}.gic-new-btn{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ff6b35,#ff8a50);color:#fff;font-weight:600;cursor:pointer}.gic-new-btn:hover{filter:brightness(1.08)}.gic-new-btn:disabled{opacity:.5;cursor:not-allowed}.gic-session-list{display:flex;flex-direction:column;gap:4px}.gic-session-item{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:#cbd5e1;cursor:pointer;font-size:13px}.gic-session-item:hover{background:#ffffff0a}.gic-session-item.active{background:#ff6b351f;border-color:#ff6b3566;color:#fff}.gic-session-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:6px}.gic-session-del{opacity:0;padding:0 4px;color:#94a3b8;font-size:16px;line-height:1}.gic-session-item:hover .gic-session-del{opacity:1}.gic-session-del:hover{color:#ef4444}.gic-muted{color:#64748b;font-size:13px;padding:8px 10px}.gic-main{display:flex;flex-direction:column;overflow:hidden}.gic-header{padding:20px 32px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.gic-header h1{margin:0 0 4px;font-size:20px}.gic-sub{margin:0;color:#94a3b8;font-size:13px}.gic-empty{margin:auto;text-align:center;padding:40px;max-width:520px}.gic-empty-title{font-size:22px;font-weight:600;margin-bottom:8px}.gic-empty-hint{color:#94a3b8;line-height:1.5}.gic-messages{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;gap:16px}.gic-msg{display:flex}.gic-msg-user{justify-content:flex-end}.gic-msg-assistant{justify-content:flex-start}.gic-bubble{max-width:640px;padding:12px 14px;border-radius:14px;line-height:1.45}.gic-bubble-user{background:linear-gradient(135deg,#ff6b35,#ff8a50);color:#fff;border-bottom-right-radius:4px}.gic-bubble-assistant{background:#1a2236;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px}.gic-img{display:block;max-width:100%;max-height:640px;border-radius:10px;cursor:zoom-in}.gic-meta{display:flex;gap:8px;align-items:center;margin-top:8px;color:#94a3b8;font-size:12px}.gic-op-badge{padding:2px 8px;border-radius:999px;background:#ff6b3526;color:#ffb695;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.gic-loading{color:#94a3b8;font-style:italic}.gic-error{margin:0 32px 12px;padding:10px 14px;border-radius:10px;background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5;font-size:13px}.gic-input-row{display:flex;gap:12px;padding:12px 32px 20px;border-top:1px solid rgba(255,255,255,.06)}.gic-input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0f172a;color:#e2e8f0;resize:none;font:inherit}.gic-input:focus{outline:none;border-color:#ff6b3599}.gic-send-btn{padding:0 18px;border-radius:10px;border:none;background:linear-gradient(135deg,#ff6b35,#ff8a50);color:#fff;font-weight:600;cursor:pointer;white-space:nowrap}.gic-send-btn:disabled{opacity:.5;cursor:not-allowed}.gic-zoom{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gic-zoom img{max-width:95vw;max-height:95vh;border-radius:8px;transform-origin:center center;transition:transform 60ms ease-out;will-change:transform;pointer-events:auto}.gic-zoom-close{position:absolute;top:16px;right:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:22px;line-height:1;width:36px;height:36px;border-radius:50%;cursor:pointer}.gic-zoom-close:hover{background:#ffffff26}@media (max-width: 900px){.gic-page{grid-template-columns:1fr;height:auto;min-height:calc(100dvh - 56px)}.gic-sidebar{display:none}.gic-header{padding:14px 16px 8px}.gic-header h1{font-size:18px}.gic-sub{font-size:12px}.gic-messages{padding:16px;gap:12px}.gic-bubble{max-width:100%;padding:10px 12px;font-size:14px}.gic-img{max-height:70vh}.gic-input-row{padding:10px 12px 12px;gap:8px}.gic-send-btn{padding:0 14px;font-size:14px}.gic-empty{padding:24px 16px}.gic-empty-title{font-size:19px}.gic-empty-hint{font-size:14px}.gic-error{margin:0 12px 8px;font-size:12px}}@media (max-width: 640px){.app-nav{gap:8px;padding:0 10px}.app-nav-links{gap:0;flex:1;min-width:0;justify-content:center}.nav-link{padding:6px;font-size:12px;white-space:nowrap}.app-logo .logo-design,.app-logo .logo-foryou{display:none}.auth-btn{white-space:nowrap;padding:6px 10px;font-size:12px}.auth-user-name{display:none}}.cc-page{max-width:1240px;margin:0 auto;padding:28px 20px 64px;color:var(--text, #fff)}.cc-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:22px}.cc-back{color:var(--text-dim, #9aa);text-decoration:none;font-size:14px}.cc-back:hover{color:var(--text, #fff)}.cc-title{font-size:26px;font-weight:800;margin:0;letter-spacing:-.01em}.cc-chip{background:#c2713c1f;color:var(--accent);padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.cc-dim{color:var(--text-dim, #9aa);font-size:13px}.cc-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,1.4fr);gap:28px}@media (max-width: 880px){.cc-grid{grid-template-columns:1fr;gap:20px}}.cc-composer{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px;height:-moz-fit-content;height:fit-content}.cc-label{font-weight:700;font-size:15px}.cc-hint{color:var(--text-dim, #9aa);font-size:13px;margin:-6px 0 2px}.cc-textarea{background:#00000040;border:1px solid rgba(255,255,255,.1);color:var(--text, #fff);border-radius:10px;padding:12px 14px;font-size:15px;font-family:inherit;resize:vertical;min-height:96px}.cc-textarea:focus{outline:none;border-color:#c2713c99;box-shadow:0 0 0 3px #c2713c26}.cc-examples{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cc-examples-label{color:var(--text-dim, #9aa);font-size:12px;margin-right:4px}.cc-example{background:#c2713c14;border:1px solid rgba(194,113,60,.22);color:var(--accent);border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer;transition:all .12s ease}.cc-example:hover:not(:disabled){background:#c2713c2e;color:#fff}.cc-example:disabled{opacity:.4;cursor:not-allowed}.cc-cta-row{display:flex;align-items:center;gap:12px;margin-top:6px}.cc-cost{color:var(--text-dim, #9aa);font-size:13px}.cc-error{background:#dc283c1f;border:1px solid rgba(220,40,60,.35);border-radius:8px;padding:10px 12px;color:#ffbcc4;font-size:13px}.cc-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text, #fff);padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .12s ease}.cc-btn:hover:not(:disabled){background:#ffffff1f}.cc-btn:disabled{opacity:.5;cursor:not-allowed}.cc-btn-primary{background:var(--gradient-agent);border-color:transparent;color:#fff;font-size:15px;padding:12px 22px}.cc-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.cc-btn-ghost{background:transparent;border-color:#ffffff1f}.cc-btn-flash{animation:cc-flash .6s ease}@keyframes cc-flash{0%{box-shadow:0 0 #c2713c00}30%{box-shadow:0 0 0 4px #c2713c66}to{box-shadow:0 0 #c2713c00}}.cc-stage{display:flex;flex-direction:column;gap:12px}.cc-placeholder{width:100%}.cc-placeholder-frame{width:100%;background:#ffffff08;border:2px dashed rgba(255,255,255,.12);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-dim, #9aa);font-size:14px;gap:12px}.cc-placeholder-loading{flex-direction:column;border-color:#c2713c66;color:var(--accent)}.cc-spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.08);border-top-color:var(--accent);animation:cc-spin .8s linear infinite}@keyframes cc-spin{to{transform:rotate(360deg)}}.cc-overlay-stage{position:relative;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:12px;box-shadow:0 16px 40px #00000059;overflow:hidden}.cc-actions{display:flex;flex-wrap:wrap;gap:8px}.cc-loading,.cc-empty{text-align:center;padding:80px 20px;color:var(--text-dim, #9aa)}.cc-empty a{color:var(--accent);text-decoration:none}.cc-empty a:hover{text-decoration:underline}.cp-page{min-height:calc(100vh - 64px);color:var(--text, #fff);display:flex;flex-direction:row;align-items:stretch;position:relative}.cp-container{width:100%;max-width:860px;margin:0 auto;padding:32px 24px 40px;display:flex;flex-direction:column;gap:24px;flex:1;min-width:0}@media (max-width: 640px){.cp-container{padding:12px 12px 24px;gap:14px}}.cp-toolbar{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:56px;background:#0f121ceb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10;margin:0 -8px;padding:10px 8px 14px}.cp-toolbar-back{flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text-dim, #94a3b8);text-decoration:none;font-size:22px;font-weight:500;line-height:1;transition:background .15s ease,color .15s ease}.cp-toolbar-back:hover{background:#ffffff0f;color:#fff}.cp-toolbar-title{flex:1;min-width:0}.cp-title{font-size:16px;font-weight:700;margin:0;letter-spacing:-.01em;line-height:1.2;color:var(--text, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-toolbar-meta{display:block;font-size:11.5px;color:var(--text-dim, #94a3b8);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.cp-toolbar-meta>span{display:inline;padding:0 3px}.cp-toolbar-meta>span:first-child{padding-left:0}.cp-toolbar-meta-cat{color:var(--accent);font-weight:600}.cp-toolbar-meta-sep{opacity:.5}@media (max-width: 480px){.cp-toolbar-meta>.cp-toolbar-meta-dim{display:none}}.cp-toolbar-sessions{flex:0 0 auto;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text, #fff);cursor:pointer;font-size:16px;font-family:inherit;transition:background .15s ease}.cp-toolbar-sessions:hover{background:#ffffff1f}@media (min-width: 700px){.cp-title{font-size:20px}}.cp-thread{display:flex;flex-direction:column;gap:22px;flex:1;min-height:280px}.cp-welcome{text-align:center;padding:36px 20px 24px;max-width:640px;margin:0 auto}.cp-welcome-title{font-size:22px;font-weight:700;margin:0 0 10px;letter-spacing:-.01em}.cp-welcome-sub{color:var(--text-dim, #94a3b8);font-size:14.5px;line-height:1.55;margin:0 0 24px}.cp-preview{margin:0 auto 20px;max-width:220px;border-radius:14px;overflow:hidden;background:#0000004d;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #0006}.cp-preview img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}@media (min-width: 700px){.cp-preview{max-width:280px}}.cp-examples{display:flex;flex-direction:column;gap:10px;align-items:center}.cp-examples-label{color:var(--text-dim, #94a3b8);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.cp-examples-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.cp-example{background:#8c5aff14;border:1px solid rgba(140,90,255,.22);color:var(--accent);border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer;transition:all .15s ease;font-family:inherit;text-align:left;max-width:100%}.cp-example:hover:not(:disabled){background:#8c5aff2e;border-color:#8c5aff66;color:#fff;transform:translateY(-1px)}.cp-example:disabled{opacity:.4;cursor:not-allowed}.cp-msg{display:flex;flex-direction:column;gap:12px}.cp-msg-user{align-items:flex-end}.cp-msg-bubble{background:var(--gradient-agent);color:#fff;padding:11px 16px;border-radius:18px 18px 4px;max-width:78%;font-size:14.5px;line-height:1.5;word-wrap:break-word;box-shadow:0 4px 14px #8c5aff40}.cp-msg-assistant{align-items:stretch}.cp-msg-error{background:#dc283c1a;border:1px solid rgba(220,40,60,.3);border-radius:10px;padding:12px 14px;color:#ffbcc4;font-size:13.5px;line-height:1.5}.cp-msg-designs{display:grid;grid-template-columns:1fr;gap:12px}.cp-msg-design{margin:0;border-radius:14px;overflow:hidden;background:#0000004d;box-shadow:0 10px 40px #0006,0 2px 8px #0003;border:1px solid rgba(255,255,255,.05)}.cp-msg-design img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.cp-msg-generating{align-items:stretch}.cp-skeleton{width:100%;background:linear-gradient(110deg,#ffffff08,#8c5aff14,#ffffff08 80%);background-size:200% 100%;animation:cp-shimmer 2s ease-in-out infinite;border-radius:14px;border:1px solid rgba(140,90,255,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--accent)}.cp-skeleton-label{font-size:13.5px;font-weight:500;letter-spacing:.01em}@keyframes cp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cp-spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);animation:cp-spin .8s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.cp-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text, #fff);padding:9px 14px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.cp-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1px)}.cp-btn:disabled{opacity:.5;cursor:not-allowed}.cp-btn-success{background:#22c55e26;border-color:#22c55e66;color:#86efac}.cp-btn-success:hover:not(:disabled){background:#22c55e38}.cp-error{background:#dc283c1a;border:1px solid rgba(220,40,60,.3);border-radius:10px;padding:12px 14px;color:#ffbcc4;font-size:13px}.cp-composer{position:sticky;bottom:12px;margin-top:auto;background:#0f121cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px 10px 10px 14px;display:flex;flex-direction:column;gap:6px;box-shadow:0 20px 50px #0006}@media (max-width: 640px){.cp-composer{position:fixed;left:12px;right:12px;bottom:0;border-radius:14px 14px 0 0;border-bottom:none;padding:8px 10px calc(8px + env(safe-area-inset-bottom)) 12px;box-shadow:0 -8px 30px #00000080;z-index:30}.cp-thread{padding-bottom:120px}}.cp-canva{flex-shrink:0;display:flex;flex-direction:row;border-left:1px solid var(--border);background:var(--surface-strong);align-self:stretch;height:100%;overflow:hidden;order:99}.cp-canva-panel{width:320px;flex-shrink:0;display:flex;flex-direction:column;min-height:0}.cp-canva-panel-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.cp-canva-search{width:100%;background:var(--surface-input);border:1px solid var(--border);color:var(--ink);padding:9px 12px;border-radius:10px;font:inherit;font-size:13px}.cp-canva-search::-moz-placeholder{color:var(--muted)}.cp-canva-search::placeholder{color:var(--muted)}.cp-canva-search:focus{outline:none;border-color:var(--accent);background:var(--surface-strong)}.cp-canva-cat-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.cp-canva-browse-all{flex-shrink:0;padding:12px 16px;border:0;border-top:1px solid var(--border);background:var(--surface-input);color:var(--muted);font:inherit;font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s,color .15s}.cp-canva-browse-all:hover{background:var(--accent-soft);color:var(--accent)}.cp-canva-grid{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:8px 12px 16px;display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;align-content:start}.cp-canva-empty{grid-column:1 / -1;color:var(--muted);font-size:13px;text-align:center;padding:32px 8px}.cp-canva-cell{display:flex;flex-direction:column;gap:6px}.cp-canva-tile{width:100%;aspect-ratio:1 / 1;background:var(--surface-input);border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;cursor:pointer;transition:transform .15s ease,border-color .15s ease;display:block}.cp-canva-tile:hover{transform:translateY(-1px);border-color:var(--accent-soft)}.cp-canva-tile-current{border-color:var(--accent)}.cp-canva-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.cp-canva-thumb-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:10px;text-align:center;font-size:11px;font-weight:600;line-height:1.3;color:var(--ink);background:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--accent-soft) 50%,transparent))}.cp-canva-cell-name{font-size:11.5px;color:var(--ink);line-height:1.3;padding:0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1023.98px){.cp-canva{display:none}}.cp-fab{display:none}.cp-input-wrap{display:flex;align-items:flex-end;gap:10px}.cp-textarea{flex:1;background:transparent;border:none;color:var(--text, #fff);padding:10px 4px;font-size:15px;font-family:inherit;line-height:1.45;resize:none;min-height:40px;max-height:180px;outline:none}.cp-textarea::-moz-placeholder{color:#ffffff59}.cp-textarea::placeholder{color:#ffffff59}.cp-textarea:disabled{opacity:.5}.cp-send{background:var(--gradient-agent);border:none;color:#fff;width:40px;height:40px;border-radius:10px;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;box-shadow:0 4px 14px #8c5aff59}.cp-send:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.cp-send:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.cp-send-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:cp-spin .7s linear infinite}.cp-hint{display:flex;gap:6px;color:var(--text-dim, #94a3b8);font-size:11.5px;padding:0 6px 4px}.cp-hint-sep{opacity:.5}@media (hover: none) and (pointer: coarse),(max-width: 640px){.cp-hint-desktop{display:none}}.cg-page{max-width:1240px;margin:0 auto;padding:28px 20px 64px;color:var(--text, #fff)}.cg-header{margin-bottom:24px}.cg-back{color:var(--text-dim, #9aa);text-decoration:none;font-size:14px}.cg-back:hover{color:#fff}.cg-title{font-size:32px;font-weight:800;margin:8px 0 4px;letter-spacing:-.02em}.cg-sub{color:var(--text-dim, #9aa);font-size:14px;margin:0}.cg-loading,.cg-error,.cg-empty{text-align:center;padding:60px 20px;color:var(--text-dim, #9aa)}.cg-empty a{color:var(--accent);text-decoration:none;margin-left:8px}.cg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.cg-card{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.cg-thumb{position:relative;width:100%;aspect-ratio:4 / 3;background:#ffffff08;overflow:hidden}.cg-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.cg-thumb-caption{position:absolute;background:#ffffffeb;color:#000;display:flex;align-items:center;justify-content:center;font-size:clamp(11px,2.5vw,18px);border:2px solid #000;padding:2px 8px;text-align:center;border-radius:2px}.cg-meta{padding:12px 14px 6px;display:flex;flex-direction:column;gap:4px;flex:1}.cg-style{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.cg-scene{font-size:13px;color:var(--text, #fff);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cg-remix{background:transparent;border:none;border-top:1px solid rgba(255,255,255,.07);color:var(--accent);padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .12s ease}.cg-remix:hover{background:#c2713c14;color:#fff}.cat-gallery-link{display:inline-block;margin-top:10px;color:var(--accent);text-decoration:none;font-size:14px;font-weight:600}.cat-gallery-link:hover{color:#fff;text-decoration:underline}.cp-sidebar{width:240px;flex:0 0 240px;background:#0a0c148c;border-right:1px solid rgba(255,255,255,.06);padding:24px 14px 32px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.cp-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.cp-sidebar-head h3{margin:0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim, #94a3b8)}.cp-sidebar-new{background:var(--gradient-agent);color:#fff;border:none;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.cp-sidebar-new:hover{filter:brightness(1.1)}.cp-sidebar-empty{color:var(--text-dim, #94a3b8);font-size:12.5px;padding:6px 4px;margin:0}.cp-sidebar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.cp-sidebar-item{display:flex;gap:10px;align-items:center;width:100%;padding:8px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;text-align:left;color:var(--text, #fff);font-family:inherit;transition:all .15s ease}.cp-sidebar-item:hover{background:#ffffff0f}.cp-sidebar-active{background:#c2713c26;border-color:#c2713c59}.cp-sidebar-thumb{width:40px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:6px;flex:0 0 40px;background:#ffffff0d}.cp-sidebar-desc{font-size:12.5px;line-height:1.3;color:var(--text, #fff);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;min-width:0}@media (max-width: 900px){.cp-sidebar{position:fixed;top:64px;left:0;bottom:0;width:260px;transform:translate(-100%);transition:transform .2s ease;z-index:19;background:#0a0c14f5}.cp-sidebar-open{transform:translate(0)}}.cp-msg-designs-group{display:flex;flex-direction:column;gap:18px;width:100%}.cp-msg-design-wrap{display:flex;flex-direction:column;gap:10px}.cp-msg-variant{position:absolute;bottom:8px;left:8px;background:#0009;color:#fff;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:lowercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cp-msg-design{position:relative}.cp-btn-ghost{background:transparent;border:1px dashed rgba(255,255,255,.2)}.cp-btn-ghost:hover:not(:disabled){background:#ffffff0a}.cp-btn-small{padding:6px 10px;font-size:12.5px}.cp-advanced-row{display:flex;justify-content:flex-start;padding:0 4px}.cp-advanced-toggle{background:transparent;color:var(--text-dim, #94a3b8);border:none;padding:4px 6px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.cp-advanced-toggle:hover{color:#fff}.cp-advanced-badge{background:#c2713c33;color:#c4b5fd;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.cp-advanced{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:16px;margin-bottom:8px}.cp-advanced-section{display:flex;flex-direction:column;gap:8px}.cp-advanced-label{font-size:12px;font-weight:700;color:var(--text-dim, #94a3b8);text-transform:uppercase;letter-spacing:.06em}.cp-advanced-hint{text-transform:none;letter-spacing:0;font-weight:500;opacity:.7}.cp-variant-chips{display:flex;flex-wrap:wrap;gap:6px}.cp-variant-chip{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text, #fff);padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.cp-variant-chip:hover{background:#ffffff14}.cp-variant-on{background:#c2713c40;border-color:#c2713c8c;color:var(--accent)}.cp-variant-custom{font-style:italic}.cp-variant-add{display:flex;gap:6px;margin-top:4px}.cp-variant-input{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text, #fff);border-radius:8px;padding:7px 10px;font-size:13px;font-family:inherit}.cp-variant-input:focus{outline:none;border-color:#c2713c8c}.cp-context-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.cp-context-item{background:#ffffff0a;border:2px solid transparent;border-radius:8px;padding:0;overflow:hidden;cursor:pointer;aspect-ratio:1}.cp-context-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.cp-context-on{border-color:var(--accent);box-shadow:0 0 0 2px #c2713c4d}.templates-page{max-width:1400px;margin:0 auto;padding:32px 32px 80px}.templates-page-header{margin-bottom:32px;text-align:center}.templates-page-title{font-family:var(--font-headline);font-size:40px;font-weight:800;letter-spacing:-1px;color:var(--text-primary);margin-bottom:8px}.templates-page-sub{color:var(--text-secondary);font-size:15px}.categories-page{max-width:1400px;margin:0 auto;padding:32px 32px 80px}.categories-page-header{margin-bottom:32px;text-align:center}.categories-page-title{font-family:var(--font-headline);font-size:40px;font-weight:800;letter-spacing:-1px;color:var(--text-primary);margin-bottom:8px}.categories-page-sub{color:var(--text-secondary);font-size:15px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.category-card{display:block;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:var(--transition)}.category-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 30px #c2713c2e}.category-card-img{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;display:block;background:var(--bg-input)}.category-card-body{padding:16px 18px}.category-card-title{font-family:var(--font-headline);font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.category-card-meta{color:var(--text-secondary);font-size:13px}.ts-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:ts-fade .15s ease}@keyframes ts-fade{0%{opacity:0}to{opacity:1}}.ts-sheet{width:100%;max-width:720px;max-height:85vh;background:var(--bg-surface, #13131a);border:1px solid rgba(255,255,255,.08);border-bottom:none;border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -20px 60px #0009;animation:ts-slide .2s cubic-bezier(.2,.8,.2,1)}@keyframes ts-slide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ts-grabber{width:36px;height:4px;border-radius:2px;background:#ffffff2e;margin:8px auto 0;flex:0 0 auto}.ts-head{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 6px;flex:0 0 auto}.ts-title{font-size:16px;font-weight:700;margin:0;color:var(--text-primary, #fff);letter-spacing:-.01em}.ts-close{width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:var(--text-dim, #94a3b8);font-size:22px;line-height:1;cursor:pointer;font-family:inherit}.ts-close:hover{background:#ffffff0f;color:#fff}.ts-search{margin:8px 18px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;color:var(--text, #fff);flex:0 0 auto}.ts-search::-moz-placeholder{color:#fff6}.ts-search::placeholder{color:#fff6}.ts-search:focus{outline:none;border-color:var(--accent);background:#8c5aff14}.ts-cats{display:flex;gap:6px;padding:0 18px 12px;overflow-x:auto;flex:0 0 auto;scrollbar-width:none}.ts-cats::-webkit-scrollbar{display:none}.ts-cat{flex:0 0 auto;padding:6px 12px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-dim, #94a3b8);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .12s ease}.ts-cat:hover{background:#ffffff14;color:#fff}.ts-cat-active{background:#8c5aff2e;border-color:#8c5aff66;color:var(--accent)}.ts-list{list-style:none;margin:0;padding:8px 14px 16px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;align-content:start}.ts-list--rows{display:flex;flex-direction:column;gap:4px;padding:6px 10px 16px}.ts-item--row{flex-direction:row!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;border-radius:12px!important}.ts-item--row:hover{background:var(--surface-strong);transform:none!important;border-color:transparent!important}.ts-item--row.ts-item-current{background:var(--accent-soft);border-color:transparent!important}.ts-row-thumb{flex-shrink:0;width:44px;height:44px;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:var(--surface-strong);display:block}.ts-row-thumb-fallback{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:18px}.ts-row-body{flex:1;min-width:0;text-align:left}.ts-row-name{font-size:13px;color:var(--ink);line-height:1.35}.ts-empty{grid-column:1 / -1;text-align:center;color:var(--text-dim, #94a3b8);padding:32px 16px;font-size:13px}.ts-item{width:100%;display:flex;flex-direction:column;gap:6px;align-items:stretch;padding:0;border-radius:10px;background:transparent;border:2px solid transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease,transform .12s ease;position:relative;overflow:hidden}.ts-item:hover{border-color:#ffffff2e;transform:translateY(-1px)}.ts-item-current{border-color:var(--accent)}.ts-item-thumb{width:100%;aspect-ratio:1 / 1;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:#ffffff0a;display:block}.ts-item-body{padding:0 4px 4px;min-width:0}.ts-item-name{font-size:13px;font-weight:600;color:var(--text, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-item-meta{font-size:12px;color:var(--text-dim, #94a3b8);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-item-badge{flex:0 0 auto;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:#8c5aff2e;border:1px solid rgba(140,90,255,.35);border-radius:999px;padding:3px 8px}@media (min-width: 700px){.ts-backdrop{align-items:center}.ts-sheet{border-radius:16px;border-bottom:1px solid rgba(255,255,255,.08)}}.bp-page{max-width:720px;margin:0 auto;padding:24px 20px 80px;color:#e2e8f0}.bp-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.bp-back{background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:13px;padding:6px 10px;border-radius:8px;cursor:pointer}.bp-back:hover{color:#e2e8f0;border-color:#fff3}.bp-title{margin:0;font-size:22px;font-weight:600}.bp-card,.bp-section{background:#0f1424;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 20px;margin-bottom:14px}.bp-section-title{margin:0 0 6px;font-size:15px;font-weight:600;color:#e2e8f0}.bp-section-lead{margin:0 0 14px;color:#94a3b8;font-size:13px;line-height:1.5}.bp-section-lead strong{color:#e2e8f0}.bp-plan-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.bp-plan-badge{background:#c2713c26;color:#c7d2fe;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;border:1px solid rgba(194,113,60,.25)}.bp-plan-badge-pro{background:#22c55e26;color:#86efac;border-color:#22c55e40}.bp-plan-balance{color:#cbd5e1;font-size:14px}.bp-plan-balance strong{color:#e2e8f0;font-size:18px}.bp-plan-meta{color:#94a3b8;font-size:12px;margin-top:8px}.bp-bar{height:8px;background:#ffffff0f;border-radius:999px;margin:12px 0 4px;overflow:hidden}.bp-bar-fill{height:100%;background:var(--gradient-agent);transition:width .2s ease-out}.bp-packs{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:1fr}@media (min-width: 520px){.bp-packs{grid-template-columns:repeat(3,1fr);gap:12px}}.bp-pack{width:100%;text-align:left;background:#1a2138;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;cursor:pointer;color:#e2e8f0;transition:border-color .12s,transform .12s}.bp-pack:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.bp-pack:disabled{opacity:.5;cursor:wait}.bp-pack-credits{font-size:16px;font-weight:600}.bp-pack-price{font-size:22px;font-weight:700;margin-top:4px;color:#c7d2fe}.bp-pack-rate{font-size:11px;color:#94a3b8;margin-top:2px}.bp-pack-loading{font-size:11px;color:var(--accent);margin-top:6px}.bp-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#cbd5e1;font-size:13px}.bp-row-label{color:#94a3b8;font-size:12px}.bp-toggle-row{font-weight:500;cursor:pointer}.bp-toggle-row input{width:16px;height:16px;cursor:pointer}.bp-input{background:#1a2138;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;padding:6px 10px;border-radius:8px;width:100px;font-size:13px}.bp-select{width:auto;min-width:180px}.bp-input:disabled{opacity:.5;cursor:not-allowed}.bp-ar-fields{padding-left:26px}.bp-ar-fields-disabled{opacity:.55;pointer-events:none}.bp-card-status{margin:4px 0 12px;font-size:12px;color:#94a3b8;padding:8px 10px;background:#ffffff08;border-radius:8px}.bp-card-status strong{color:#e2e8f0}.bp-cta{display:inline-block;background:var(--accent);color:#fff;border:0;padding:11px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.bp-cta:hover:not(:disabled){background:#5558e3}.bp-cta:disabled{opacity:.5;cursor:wait}.bp-cta-secondary{background:transparent;color:#c7d2fe;border:1px solid rgba(194,113,60,.4);padding:9px 14px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer}.bp-cta-secondary:hover:not(:disabled){background:#c2713c1a;border-color:var(--accent)}.bp-pro-cta{background:linear-gradient(135deg,#c2713c14,#8b5cf60f)}.bp-link{background:transparent;border:0;color:#818cf8;cursor:pointer;font-size:13px;padding:0;text-align:left}.bp-link:hover{color:#a5b4fc}.bp-loading{padding:60px 20px;text-align:center;color:#94a3b8}.bp-error{margin:12px 0;padding:10px 12px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:8px;font-size:13px}.bp-ok{margin-top:10px;color:#6ee7b7;font-size:13px}.ipb-page{max-width:1180px;margin:0 auto;padding:0 24px 80px}.ipb-hero{text-align:center;padding:56px 0 34px}.ipb-eyebrow,.ipb-mini-label{display:block;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}.ipb-hero h1{font-family:var(--font-headline);font-size:clamp(36px,7vw,64px);line-height:1;margin:10px 0 16px;letter-spacing:0}.ipb-hero p{max-width:760px;margin:0 auto;color:var(--text-secondary);font-size:16px;line-height:1.65}.ipb-takeaway{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:28px;align-items:center;padding:28px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#7c3aed29,#10b98112),var(--bg-surface)}.ipb-takeaway h2{font-family:var(--font-headline);font-size:clamp(24px,4vw,34px);line-height:1.15;margin:8px 0 12px;letter-spacing:0}.ipb-takeaway p{color:var(--text-secondary);line-height:1.65;max-width:760px}.ipb-grade{width:144px;height:144px;border-radius:50%;display:grid;place-items:center;align-content:center;border:1px solid rgba(255,255,255,.18);background:#0a0a0f7a;box-shadow:inset 0 0 28px #7c3aed47}.ipb-grade span{font-family:var(--font-headline);font-size:46px;font-weight:800;line-height:1}.ipb-grade small{color:var(--text-tertiary);font-size:12px;margin-top:6px}.ipb-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 56px}.ipb-stat,.ipb-model-card,.ipb-method details{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface)}.ipb-stat{padding:18px}.ipb-stat span{color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ipb-stat strong{display:block;margin:7px 0;font-family:var(--font-headline);font-size:22px;color:var(--text-primary)}.ipb-stat p,.ipb-section-head p{color:var(--text-secondary);line-height:1.55;font-size:14px}.ipb-section,.ipb-example{margin-bottom:60px}.ipb-loading,.ipb-error{margin:24px 0 56px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary)}.ipb-error{color:#fda4af;border-color:#f43f5e59;background:#f43f5e14}.ipb-section-head{margin-bottom:18px}.ipb-section-head h2{font-family:var(--font-headline);font-size:28px;line-height:1.15;margin:6px 0 8px;letter-spacing:0}.ipb-section-head p{max-width:720px}.ipb-image-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ipb-image-triptych figure{margin:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden}.ipb-image-triptych img{width:100%;aspect-ratio:9 / 14;display:block;-o-object-fit:cover;object-fit:cover;background:repeating-conic-gradient(#1c1c24,#1c1c24 25%,#13131a 0%,#13131a 50%) 50% / 14px 14px}.ipb-image-triptych figcaption{padding:11px 12px;color:var(--text-secondary);font-size:12px;font-weight:700}.ipb-model-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.ipb-model-card{border-top:3px solid #94A3B8;padding:16px}.ipb-model-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ipb-model-provider{font-size:11px;font-weight:800;margin:0 0 4px}.ipb-model-card h3{font-family:var(--font-headline);font-size:16px;line-height:1.2;margin:0}.ipb-model-card-head strong{font-family:var(--font-headline);font-size:24px}.ipb-scorebar{height:7px;border-radius:999px;background:var(--bg-elevated);overflow:hidden;margin:14px 0 12px}.ipb-scorebar span{display:block;height:100%;border-radius:inherit}.ipb-model-verdict{font-weight:800;color:var(--text-primary);margin:0 0 10px}.ipb-model-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ipb-model-meta span,.ipb-status{color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.ipb-chip-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 12px;padding:0}.ipb-chip-list li{color:var(--text-secondary);font-size:12px;line-height:1.35}.ipb-details{border-top:1px solid var(--border);padding-top:10px}.ipb-details summary,.ipb-method summary{color:var(--text-primary);cursor:pointer;font-weight:800;font-size:13px}.ipb-details p,.ipb-method p,.ipb-method li{color:var(--text-secondary);font-size:13px;line-height:1.6;margin-top:8px}.ipb-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.ipb-table{width:100%;border-collapse:collapse;min-width:840px;background:var(--bg-surface)}.ipb-table th,.ipb-table td{padding:14px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;font-size:13px}.ipb-table th{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.6px;font-size:11px}.ipb-table td{color:var(--text-secondary)}.ipb-table td:first-child,.ipb-table td:nth-child(2){color:var(--text-primary);font-weight:700}.ipb-table tr:last-child td{border-bottom:0}.ipb-table-score{display:grid;grid-template-columns:minmax(80px,1fr) 32px;gap:8px;align-items:center}.ipb-table-score .ipb-scorebar{margin:0}.ipb-leaderboard-table th:first-child,.ipb-leaderboard-table td:first-child{width:64px}.ipb-rank{display:inline-flex;align-items:center;justify-content:center;width:34px;height:26px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);font-weight:900}.ipb-provider{display:block;margin-top:3px;font-size:11px;font-weight:800}.ipb-usecase-list{display:flex;flex-direction:column;gap:22px}.ipb-category-tabs{display:flex;gap:10px;overflow-x:auto;padding:0 0 12px;margin-bottom:16px;scrollbar-width:thin}.ipb-category-tab{flex:0 0 min(280px,76vw);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:inherit;text-align:left;padding:13px 14px;cursor:pointer}.ipb-category-tab:hover,.ipb-category-tab:focus-visible{border-color:#d4885a8c;outline:none}.ipb-category-tab-active{border-color:#f59e0b80;background:#f59e0b14}.ipb-category-tab span{display:block;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;margin-bottom:5px}.ipb-category-tab strong{display:block;color:var(--text-primary);font-size:13px;line-height:1.3}.ipb-usecase{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);overflow:hidden}.ipb-usecase-head{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:18px;align-items:start;padding:20px;border-bottom:1px solid var(--border)}.ipb-usecase-head h3{font-family:var(--font-headline);font-size:24px;line-height:1.15;margin:6px 0 8px;letter-spacing:0}.ipb-usecase-head p{max-width:740px;color:var(--text-secondary);font-size:14px;line-height:1.55}.ipb-usecase-winner{border:1px solid rgba(245,158,11,.28);border-radius:var(--radius-md);background:#f59e0b12;padding:13px}.ipb-usecase-winner span{display:block;color:#f59e0b;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px}.ipb-usecase-winner strong{color:var(--text-primary);font-family:var(--font-headline);font-size:18px;line-height:1.2}.ipb-recommendation{margin:0;padding:14px 20px;border-bottom:1px solid var(--border);color:var(--text-secondary);background:#ffffff05;font-size:14px;line-height:1.55}.ipb-recommendation:before{content:"Recommendation: ";color:var(--text-primary);font-weight:900}.ipb-artifact-panel{display:grid;grid-template-columns:1fr;gap:18px;padding:18px 20px;border-bottom:1px solid var(--border)}.ipb-artifact-label{display:block;color:var(--text-tertiary);font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;margin-bottom:10px}.ipb-artifact-inputs{display:grid;grid-template-columns:minmax(150px,190px) 24px minmax(0,1fr);gap:12px;align-items:center}.ipb-plus{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-weight:900}.ipb-input-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ipb-output-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ipb-placeholder,.ipb-output-placeholder{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;text-align:left;cursor:zoom-in;color:inherit;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff06;padding:10px;min-width:0}.ipb-placeholder:hover,.ipb-output-placeholder:hover,.ipb-placeholder:focus-visible,.ipb-output-placeholder:focus-visible{border-color:#d4885a8c;box-shadow:0 0 0 1px #d4885a2e;outline:none}.ipb-placeholder-label{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;margin-bottom:7px}.ipb-placeholder-canvas{height:118px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 25% 20%,rgba(124,58,237,.22),transparent 34%),linear-gradient(135deg,#ffffff12,#ffffff05);display:grid;place-items:center;overflow:hidden;margin-bottom:8px}.ipb-artifact-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ipb-placeholder-compact .ipb-placeholder-canvas{height:72px}.ipb-placeholder strong,.ipb-output-placeholder strong{display:block;color:var(--text-primary);font-size:12px;line-height:1.25}.ipb-placeholder small,.ipb-output-placeholder small{display:block;color:var(--text-tertiary);font-size:11px;line-height:1.35;margin-top:4px}.ipb-phone-shape{width:46px;height:86px;border-radius:12px;border:2px solid #F8FAFC;background:#111827;padding:7px;display:grid;gap:5px}.ipb-phone-shape div{border-radius:7px;background:linear-gradient(180deg,#38bdf8,#7c3aed)}.ipb-phone-shape span,.ipb-arch-shape span{color:#e5e7eb;font-size:8px;text-align:center}.ipb-app-screen{width:78px;height:90px;border-radius:10px;background:#f8fafc;color:#111827;padding:8px;display:grid;gap:5px;align-content:start}.ipb-app-screen b{font-size:11px}.ipb-app-screen span{font-size:9px;color:#475569}.ipb-app-screen i{height:34px;border-radius:7px;background:linear-gradient(135deg,#a7f3d0,#bfdbfe)}.ipb-arch-shape{width:82px;height:100px;border-radius:44px 44px 8px 8px;border:2px dashed rgba(255,255,255,.8);background:#d8d1c8;display:grid;place-items:center}.ipb-photo-shape{width:86px;height:58px;border-radius:8px;background:linear-gradient(135deg,#0f766e,#f59e0b);position:relative}.ipb-photo-shape span{position:absolute;left:12px;bottom:10px;width:44px;height:20px;border-radius:50% 50% 0 0;background:#ffffff80}.ipb-collage-shape{width:96px;height:76px;display:grid;grid-template-columns:1.3fr 1fr;gap:5px}.ipb-collage-shape span{border-radius:7px;background:linear-gradient(135deg,#f97316,#db2777)}.ipb-collage-shape span:first-child{grid-row:span 2;background:linear-gradient(135deg,#22c55e,#0ea5e9)}.ipb-dev-shape,.ipb-code-shape{width:100px;border-radius:8px;background:#020617;border:1px solid #334155;padding:9px}.ipb-dev-shape span{display:block;height:7px;border-radius:999px;background:#38bdf8;margin-bottom:7px}.ipb-dev-shape span:nth-child(2){width:72%;background:#a78bfa}.ipb-dev-shape span:nth-child(3){width:54%;background:#34d399}.ipb-code-shape span{display:block;color:#a7f3d0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;margin-bottom:5px}.ipb-brand-shape{display:grid;grid-template-columns:54px 24px;gap:8px;align-items:center}.ipb-brand-shape span,.ipb-logo-shape{width:54px;height:54px;border-radius:13px;background:linear-gradient(135deg,#111827,#7c3aed);border:1px solid rgba(255,255,255,.22)}.ipb-brand-shape i{width:24px;height:24px;border-radius:999px;background:#f59e0b}.ipb-logo-shape{display:grid;place-items:center;color:#fff;font-family:var(--font-headline);font-size:26px;font-weight:900}.ipb-output-placeholder{display:block}.ipb-output-preview{width:100%;aspect-ratio:2 / 3;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#d4885a73,#7c3aed52),var(--bg-elevated);border:1px solid rgba(255,255,255,.12);overflow:hidden;margin-bottom:8px}.ipb-output-preview span{color:var(--text-primary);font-family:var(--font-headline);font-size:18px;font-weight:900}.ipb-output-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ipb-output-preview-empty{aspect-ratio:1 / 1}.ipb-output-copy{min-width:0}.ipb-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:24px;background:#000000d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:zoom-out;overflow:auto}.ipb-modal-card{position:relative;width:min(720px,94vw);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-primary);padding:22px;box-shadow:0 24px 80px #000000a6;cursor:default}.ipb-modal-card-portrait{width:min(720px,94vw)}.ipb-modal-card-wide{width:min(920px,94vw)}.ipb-modal-close{position:absolute;top:14px;right:14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--text-primary);font-size:12px;font-weight:900;padding:7px 12px;cursor:pointer}.ipb-modal-close:hover,.ipb-modal-close:focus-visible{border-color:#d4885a8c;outline:none}.ipb-modal-visual{margin:14px 0 18px;border-radius:var(--radius-md);border:1px solid var(--border);background:radial-gradient(circle at 30% 20%,rgba(124,58,237,.22),transparent 36%),linear-gradient(135deg,#ffffff12,#ffffff05);display:grid;place-items:center;overflow:hidden}.ipb-modal-card:not(.ipb-modal-card-portrait):not(.ipb-modal-card-wide) .ipb-modal-visual{min-height:min(58vh,520px)}.ipb-modal-visual>*:not(.ipb-modal-image){transform:scale(2.35)}.ipb-modal-image{width:100%;height:auto;display:block}.ipb-modal-output .ipb-output-preview{grid-row:auto;width:168px;height:168px;border-radius:28px}.ipb-modal-output .ipb-output-preview span{font-size:54px}.ipb-modal-card h3{color:var(--text-primary);font-family:var(--font-headline);font-size:28px;line-height:1.15;margin:0 0 8px;letter-spacing:0}.ipb-modal-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.ipb-usecase .ipb-table-wrap{border:0;border-radius:0}.ipb-usecase-table{min-width:760px}.ipb-usecase-table th:first-child,.ipb-usecase-table td:first-child{width:210px}.ipb-mobile-results{display:none}.ipb-mobile-result{border-top:1px solid var(--border);padding:12px 16px}.ipb-mobile-result>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-primary);font-size:13px}.ipb-mobile-result-score{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:8px;align-items:center;margin:9px 0;color:var(--text-primary);font-weight:900}.ipb-mobile-result-score .ipb-scorebar{margin:0}.ipb-mobile-result p{color:var(--text-secondary);font-size:12px;line-height:1.45;margin-top:8px}.ipb-winner-tag{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:#f59e0b21;border:1px solid rgba(245,158,11,.28);color:#f59e0b;font-size:10px;font-weight:900;vertical-align:middle}.ipb-status-pass{color:#6ee7b7;border-color:#10b98159;background:#10b9811c}.ipb-status-review{color:#fcd34d;border-color:#f59e0b59;background:#f59e0b1c}.ipb-status-fail{color:#fda4af;border-color:#f43f5e59;background:#f43f5e1c}.ipb-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ipb-method details{padding:16px}.ipb-method ul{margin:8px 0 0;padding-left:18px}@media (max-width: 1120px){.ipb-model-grid,.ipb-stat-grid,.ipb-method-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.ipb-page{padding:0 16px 64px}.ipb-hero{padding:36px 0 24px}.ipb-takeaway,.ipb-image-triptych,.ipb-model-grid,.ipb-stat-grid,.ipb-method-grid{grid-template-columns:1fr}.ipb-grade{width:112px;height:112px;justify-self:start}.ipb-grade span{font-size:36px}.ipb-usecase-head{grid-template-columns:1fr;padding:16px}.ipb-usecase-winner{max-width:220px}.ipb-artifact-panel,.ipb-artifact-inputs,.ipb-input-stack,.ipb-output-grid{grid-template-columns:1fr}.ipb-plus{justify-self:center}.ipb-usecase>.ipb-table-wrap{display:none}.ipb-mobile-results{display:block}.ipb-modal{padding:14px}.ipb-modal-card{padding:18px}.ipb-modal-visual{height:46vh}.ipb-modal-visual>*:not(.ipb-modal-image){transform:scale(1.8)}.ipb-modal-card h3{font-size:22px}}body:has(.vn-viewport) .app-nav{display:none}body:has(.vn-viewport){margin:0;padding:0;overflow:hidden}.vn-viewport{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#000;overflow:hidden;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;z-index:100}.vn-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.vn-stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.vn-stage-cg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:10}.vn-stage-sprite{position:absolute;bottom:18%;transform:translate(-50%);height:75%;max-height:75vh;-o-object-fit:contain;object-fit:contain;z-index:5;pointer-events:none}.vn-stage-fade-in{animation:vn-fade-in .5s ease}@keyframes vn-fade-in{0%{opacity:0}to{opacity:1}}.vn-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:#888;font-size:18px}.vn-error{color:#ef4444}.vn-complete{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;color:#fff;text-align:center;z-index:50}.vn-complete h2{font-size:32px;margin-bottom:12px;font-family:Syne,sans-serif}.vn-complete p{font-size:20px;color:#aaa}.vn-dialogue-box{position:absolute;bottom:8px;left:16px;right:16px;min-height:140px;background:#0a0a1ee0;border:1.5px solid rgba(120,120,200,.4);border-radius:12px;padding:40px 28px 20px;z-index:20;cursor:pointer}.vn-speaker-name{position:absolute;top:-14px;left:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:14px;font-weight:600;padding:4px 16px;border-radius:8px;letter-spacing:.5px}.vn-dialogue-text{font-size:17px;line-height:1.7;color:#e8e8f0;min-height:60px;font-family:DM Sans,system-ui,sans-serif}.vn-ctc{display:inline-block;margin-left:8px;font-size:12px;color:#8b5cf6;animation:vn-ctc-pulse 1s ease-in-out infinite}@keyframes vn-ctc-pulse{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(3px)}}.vn-choice-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#00000080;z-index:30}.vn-choice-btn{min-width:300px;padding:16px 32px;font-size:17px;font-weight:500;color:#fff;background:#6366f126;border:1.5px solid rgba(139,92,246,.5);border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:DM Sans,system-ui,sans-serif}.vn-choice-btn:hover{background:#6366f14d;border-color:#8b5cf6;transform:scale(1.02)}.vn-quick-menu{position:absolute;bottom:156px;right:16px;display:flex;gap:6px;z-index:25}.vn-qm-btn{padding:6px 12px;font-size:12px;font-weight:500;color:#999;background:#141428b3;border:1px solid rgba(100,100,160,.3);border-radius:6px;cursor:pointer;transition:all .15s ease}.vn-qm-btn:hover{color:#ddd;border-color:#8b5cf680}.vn-qm-active{color:#8b5cf6;border-color:#8b5cf6}.vn-backlog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:40;display:flex;flex-direction:column}.vn-backlog-content{width:100%;height:100%;display:flex;flex-direction:column;padding:20px}.vn-backlog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.vn-backlog-header h3{color:#ccc;font-size:18px;margin:0}.vn-backlog-close{background:none;border:1px solid #555;color:#aaa;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px}.vn-backlog-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.vn-backlog-empty{color:#666;text-align:center;padding:40px 0}.vn-backlog-entry{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid rgba(100,100,160,.15)}.vn-backlog-speaker{font-size:13px;color:#8b5cf6;font-weight:600}.vn-backlog-text{font-size:15px;color:#ccc;line-height:1.5}@media (max-width: 768px){.vn-viewport{max-width:100vw;border-radius:0}.vn-dialogue-box{bottom:4px;left:8px;right:8px;min-height:120px;padding:36px 16px 14px}.vn-dialogue-text{font-size:15px;line-height:1.6}.vn-speaker-name{font-size:12px;padding:3px 12px}.vn-choice-btn{min-width:240px;padding:14px 24px;font-size:15px}.vn-quick-menu{bottom:128px;right:8px}.vn-qm-btn{padding:5px 8px;font-size:11px}}@media (max-width: 480px){.vn-dialogue-text{font-size:14px}.vn-choice-btn{min-width:200px;font-size:14px}}