.vibe-demo[data-v-04668041]{width:100%}.demo-container[data-v-04668041]{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}@media(min-width:1024px){.demo-container[data-v-04668041]{flex-direction:row;gap:2rem}}.chat-side[data-v-04668041]{flex-shrink:0;width:100%}@media(min-width:1024px){.chat-side[data-v-04668041]{width:340px}}.chat-window[data-v-04668041]{border-radius:.75rem;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.chat-window[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.chat-window[data-v-04668041]{border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.chat-window[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity,1))}.chat-window[data-v-04668041]{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.window-header[data-v-04668041]{align-items:center;display:flex;gap:.75rem;padding:.75rem 1rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.window-header[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(37 37 37/var(--tw-bg-opacity,1))}.window-header[data-v-04668041]{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.window-header[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity,1))}.window-dots[data-v-04668041]{display:flex;gap:.5rem}.dot[data-v-04668041]{border-radius:9999px;height:.75rem;width:.75rem}.dot-red[data-v-04668041]{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.dot-yellow[data-v-04668041]{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.dot-green[data-v-04668041]{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.window-title[data-v-04668041]{font-size:.875rem;font-weight:500;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.window-title[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.chat-content[data-v-04668041]{min-height:140px;padding:1rem}.message[data-v-04668041]{margin-bottom:.75rem}.user-message[data-v-04668041]{display:flex;justify-content:flex-end}.message-bubble[data-v-04668041]{border-radius:1rem;display:inline-block;max-width:280px;padding:.625rem 1rem;--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;line-height:1.625}.cursor[data-v-04668041]{display:inline-block;margin-left:.125rem}@keyframes pulse-04668041{50%{opacity:.5}}.cursor[data-v-04668041]{animation:pulse-04668041 2s cubic-bezier(.4,0,.6,1) infinite}.ai-message[data-v-04668041]{align-items:flex-start;display:flex;gap:.5rem}.ai-avatar[data-v-04668041]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:9999px;flex-shrink:0;height:1.75rem;width:1.75rem;--tw-gradient-from:#fb923c var(--tw-gradient-from-position);--tw-gradient-to:rgba(251,146,60,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ec4899 var(--tw-gradient-to-position);align-items:center;display:flex;justify-content:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ai-bubble[data-v-04668041]{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.ai-bubble[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(42 42 42/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.loading-dots span[data-v-04668041]{display:inline-block}@keyframes bounce-04668041{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.loading-dots span[data-v-04668041]{animation:bounce-04668041 1s infinite}.loading-dots span[data-v-04668041]:nth-child(2){animation-delay:.1s}.loading-dots span[data-v-04668041]:nth-child(3){animation-delay:.2s}.flow-center[data-v-04668041]{align-items:center;display:flex;justify-content:center;padding-bottom:1rem;padding-top:1rem}@media(min-width:1024px){.flow-center[data-v-04668041]{padding-bottom:0;padding-top:0}}.flow-center[data-v-04668041]{flex-shrink:0;width:100%}@media(min-width:1024px){.flow-center[data-v-04668041]{width:120px}}.flow-svg[data-v-04668041]{height:100px;width:60px}@media(min-width:1024px){.flow-svg[data-v-04668041]{height:60px;width:120px}}.result-side[data-v-04668041]{flex-shrink:0;width:100%}@media(min-width:1024px){.result-side[data-v-04668041]{width:340px}}.browser-window[data-v-04668041]{border-radius:.75rem;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.browser-window[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.browser-window[data-v-04668041]{border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.browser-window[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity,1))}.browser-window[data-v-04668041]{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-scale-x:.95;--tw-scale-y:.95;opacity:.4;transition-duration:.7s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.browser-window[data-v-04668041],.browser-window.result-visible[data-v-04668041]{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))}.browser-window.result-visible[data-v-04668041]{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.browser-header[data-v-04668041]{align-items:center;display:flex;gap:.75rem;padding:.75rem 1rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.browser-header[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(37 37 37/var(--tw-bg-opacity,1))}.browser-header[data-v-04668041]{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.browser-header[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity,1))}.browser-url[data-v-04668041]{align-items:center;border-radius:.375rem;display:flex;flex:1 1 0%;gap:.5rem;padding:.25rem .75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.browser-url[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.browser-url[data-v-04668041]{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.browser-url[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.website-preview[data-v-04668041]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.website-preview[data-v-04668041]{padding:.75rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.website-preview[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity,1))}.preview-navbar[data-v-04668041]{align-items:center;border-radius:.5rem;display:flex;justify-content:space-between;padding:.5rem .75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.preview-navbar[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.preview-logo[data-v-04668041]{background-image:linear-gradient(to right,var(--tw-gradient-stops));border-radius:.25rem;height:1rem;width:4rem;--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:rgba(192,132,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f472b6 var(--tw-gradient-to-position)}.preview-nav-links[data-v-04668041]{display:flex;gap:.5rem}.preview-nav-links span[data-v-04668041]{border-radius:.25rem;height:.5rem;width:2rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.preview-nav-links span[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.preview-hero[data-v-04668041]{border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.preview-hero[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.preview-hero-text[data-v-04668041]{flex:1 1 0%}.preview-hero-text[data-v-04668041]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.preview-title[data-v-04668041]{border-radius:.25rem;height:1rem;width:100%;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.preview-title[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.preview-subtitle[data-v-04668041]{border-radius:.25rem;height:.5rem;width:75%;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.preview-subtitle[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.preview-button[data-v-04668041]{background-image:linear-gradient(to right,var(--tw-gradient-stops));border-radius:9999px;height:1.25rem;margin-top:.5rem;width:4rem;--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.preview-hero-image[data-v-04668041]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:.5rem;height:4rem;width:4rem;--tw-gradient-from:#fdba74 var(--tw-gradient-from-position);--tw-gradient-to:hsla(31,97%,72%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f9a8d4 var(--tw-gradient-to-position)}.preview-hero-image[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,115,22,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.preview-form-section[data-v-04668041]{border-radius:.5rem;padding:.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.preview-form-section[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.preview-form-title[data-v-04668041]{border-radius:.25rem;height:.75rem;margin-bottom:.5rem;width:6rem;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.preview-form-title[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.preview-form[data-v-04668041]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.preview-input[data-v-04668041]{border-radius:.25rem;height:1.25rem;width:100%;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.preview-input[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(37 37 37/var(--tw-bg-opacity,1))}.preview-input[data-v-04668041]{border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.preview-input[data-v-04668041]:where([class~=dark],[class~=dark] *){--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity,1))}.preview-submit[data-v-04668041]{background-image:linear-gradient(to right,var(--tw-gradient-stops));border-radius:.25rem;height:1.5rem;width:100%;--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:rgba(74,222,128,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#10b981 var(--tw-gradient-to-position)}.chat-messages[data-v-5424faf5]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='%23000' fill-opacity='.03' fill-rule='evenodd' d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2zm0-30V0h-2v4h-4v2h4v4h2V6h4V4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2zM6 4V0H4v4H0v2h4v4h2V6h4V4z'/%3E%3C/svg%3E")}.dark .chat-messages[data-v-5424faf5]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='%23fff' fill-opacity='.02' fill-rule='evenodd' d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2zm0-30V0h-2v4h-4v2h4v4h2V6h4V4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2zM6 4V0H4v4H0v2h4v4h2V6h4V4z'/%3E%3C/svg%3E")}.chat-message[data-v-5424faf5]{animation:messageSlideIn-5424faf5 .4s ease-out forwards}@keyframes messageSlideIn-5424faf5{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.typing-dot[data-v-5424faf5]{animation:typingBounce-5424faf5 1.4s ease-in-out infinite}@keyframes typingBounce-5424faf5{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-messages[data-v-5424faf5]::-webkit-scrollbar{width:6px}.chat-messages[data-v-5424faf5]::-webkit-scrollbar-track{background:transparent}.chat-messages[data-v-5424faf5]::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.dark .chat-messages[data-v-5424faf5]::-webkit-scrollbar-thumb{background:#fff3}.chat-message>div>div[data-v-5424faf5]:last-child{transition:transform .2s ease}.chat-message:hover>div>div[data-v-5424faf5]:last-child{transform:scale(1.01)}.display-card:after{background:linear-gradient(270deg,#f9fafb,transparent);content:"";height:110%;pointer-events:none;position:absolute;right:-4px;top:-5%;width:20rem}.dark .display-card:after{background:linear-gradient(270deg,#0a0a0a,transparent)}.display-card:hover .overlay{opacity:0}