@keyframes slide-x{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.animate-slide-x{animation:slide-x 2s linear infinite}.animated-sparkle:after,.animated-sparkle:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(147,51,234,.4) 0,rgba(147,51,234,0) 70%);z-index:-1;animation:sparkle-pulse 2s ease-in-out infinite}.animated-sparkle:before{animation-delay:-1s}@keyframes sparkle-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:.7}}.focus-border-animation{border:1px solid transparent;background:var(--focus-border-gradient,linear-gradient(90deg,#9333ea,#c4b5fd,#9333ea));background-size:200% 200%;animation:focus-border-gradient 15s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all .5s ease-in-out;opacity:.5;box-shadow:0 0 3px rgba(147,51,234,.08)}.initial-focus-pulse{animation:focus-border-gradient 12s linear infinite,initial-pulse 1s ease-out}@keyframes initial-pulse{0%{opacity:0}to{opacity:.6}}@keyframes focus-border-gradient{0%{background-position:0 50%}to{background-position:200% 50%}}.text-glow{text-shadow:0 0 8px rgba(147,51,234,.5),0 0 12px rgba(147,51,234,.3);animation:text-glow 1s ease-in-out}@keyframes text-glow{0%,to{text-shadow:0 0 0 rgba(147,51,234,0)}50%{text-shadow:0 0 8px rgba(147,51,234,.5),0 0 12px rgba(147,51,234,.3)}}.typing-animation-text{border-right:2px solid transparent}.chat-textarea::-webkit-scrollbar{width:4px}.chat-textarea::-webkit-scrollbar-thumb{background:hsla(0,0%,50%,.3);border-radius:4px}.chat-textarea::-webkit-scrollbar-track{background:transparent}.scrollbar-custom::-webkit-scrollbar,textarea::-webkit-scrollbar{width:5px}.scrollbar-custom::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{background:hsla(0,0%,50%,.3);border-radius:4px}.scrollbar-custom::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track{background:transparent}:root{--sat:env(safe-area-inset-top);--sar:env(safe-area-inset-right);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left)}.chat-input-container,.dark .chat-input-container{background:transparent}.pb-safe{padding-bottom:calc(env(safe-area-inset-bottom, 16px))}.mobile-load-more{bottom:calc(14px + env(safe-area-inset-bottom, 0px))}@media (min-width:768px){.mobile-load-more{bottom:20px}}@media (min-width:1024px){.mobile-load-more{bottom:1rem}}.mobile-load-more button{background-color:#9333ea!important;color:#fff!important;border:none!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important;transition:all .2s ease-in-out!important}.mobile-load-more button:hover{transform:translateY(-1px);box-shadow:0 6px 8px -1px rgba(0,0,0,.1),0 3px 6px -1px rgba(0,0,0,.06)!important}.dark .mobile-load-more button{background-color:#9333ea!important;color:#fff!important}@media (max-width:767px){#gallery-container{padding-bottom:calc(100px + env(safe-area-inset-bottom, 16px));height:calc(100vh - env(safe-area-inset-bottom, 0px))!important}.chat-input-container{position:fixed!important;bottom:0!important}.chat-textarea,input[type=email],input[type=number],input[type=search],input[type=tel],input[type=text]{font-size:16px!important}}@media (min-width:768px){.studio-layout #gallery-container{height:100%!important}.studio-layout .chat-input-container{position:absolute;bottom:0;left:0;right:0;width:100%}}.ios-device{transform:translateZ(0)!important;backface-visibility:hidden!important;will-change:transform!important}.ios-device .lg\:hidden button{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}.ios-device .lg\:hidden button img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center!important;object-position:center!important}.ios-device .lg\:hidden button img,.ios-device textarea{transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}.ios-device textarea{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important;font-size:16px!important;max-height:999999px!important}body.prevent-scroll,html.prevent-scroll{overscroll-behavior-y:none}body.sidebar-open{position:fixed;width:100%;height:100%;overflow:hidden}body>div#__next{min-height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.fixed.inset-y-0.left-0.flex.flex-col{height:100vh!important;max-height:100vh!important;-webkit-overflow-scrolling:touch}.fixed.inset-y-0.left-0.flex.flex-col>div.flex-grow.overflow-y-auto{-webkit-overflow-scrolling:touch}#gallery-container,.overflow-auto.h-full{-webkit-overflow-scrolling:touch!important}@supports (-webkit-touch-callout:none){.fixed.inset-y-0.left-0.z-\[95\]{position:fixed!important;overflow:hidden!important}.fixed.inset-y-0.left-0.z-\[95\],.flex-1.overflow-y-auto{height:100%!important;-webkit-overflow-scrolling:touch!important}.flex-1.overflow-y-auto{overflow-y:scroll!important;overscroll-behavior-y:contain!important;position:relative!important;z-index:1!important}.px-4.pb-safe{min-height:101%!important;padding-bottom:calc(env(safe-area-inset-bottom) + 2rem)!important}}@media (max-width:767px){.chat-input-container .flex.items-start.mx-2.mb-6,.chat-input-container .mobile-chat-inputs{margin-bottom:16px!important;align-items:center!important;gap:8px!important}.chat-input-container .mobile-image-upload{display:flex!important;align-items:center!important;justify-content:center!important;margin-top:2px!important}.chat-input-container .mobile-image-upload button{width:44px!important;height:44px!important;border-width:1px!important}.chat-input-container .lg\:hidden{display:flex!important;align-items:center!important;height:auto!important;margin-right:4px!important}.mobile-generate-btn{width:44px!important;height:44px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important}.mobile-generate-btn svg{width:20px!important;height:20px!important}.bg-white.dark\:bg-gray-800 .p-4{padding:12px!important}.bg-white.dark\:bg-gray-800 ImageUploadSidebar,.bg-white.dark\:bg-gray-800 [class*=ImageUploadSidebar]{margin-bottom:0!important}.bg-white.dark\:bg-gray-800 [class*=ImageUploadSidebar] .space-y-2{margin-bottom:8px!important}.bg-white.dark\:bg-gray-800 [class*=ImageUploadSidebar] h3{font-size:13px!important}.bg-white.dark\:bg-gray-800 [class*=ImageUploadSidebar] p{font-size:11px!important;margin-bottom:8px!important}}