:root{--font-body: "Inter", sans-serif;--font-special: "Permanent Marker", cursive;--yellow-primary: #facc15;--yellow-secondary: #fde047;--text-neutral-200: #e5e7eb;--text-neutral-400: #9ca3af;--text-neutral-500: #6b7280;--text-neutral-700: #374151}*{scrollbar-width:thin;scrollbar-color:#374151 transparent}body{background:radial-gradient(ellipse at top,#1a1c2e,#0b0c0e 50%);min-height:100vh}.card-glass{background:linear-gradient(135deg,#131416f2,#1c1e21e6);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.header-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 8s ease infinite;background-size:200% 200%}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-generate{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 200%;animation:gradient-shift 4s ease infinite;position:relative;overflow:hidden;transition:all .3s ease}.btn-generate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s ease}.btn-generate:hover:before{opacity:1}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 10px 40px -10px #8b5cf680,0 4px 20px -5px #3b82f64d}.btn-generate:active{transform:translateY(0)}.btn-generate:disabled{opacity:.6;cursor:not-allowed;transform:none}.input-glow:focus{box-shadow:0 0 0 3px #3b82f626,0 0 20px #3b82f61a}.mode-card{transition:all .25s cubic-bezier(.4,0,.2,1)}.mode-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #0000004d}.output-container{background:linear-gradient(180deg,#131416,#0f1012);position:relative}.output-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#3b82f633,#8b5cf61a,#ec489933);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.placeholder-icon{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.status-badge{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #22c55e4d}50%{box-shadow:0 0 15px #22c55e80}}.upload-zone{transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-zone:hover{transform:scale(1.01)}.action-button{transition:all .2s cubic-bezier(.4,0,.2,1)}.action-button:hover{transform:scale(1.1)}.action-button:active{transform:scale(.95)}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.aspect-btn{transition:all .2s ease}.aspect-btn:hover{transform:scale(1.05)}.aspect-btn.selected{box-shadow:0 0 0 2px #3b82f680,0 4px 12px #3b82f633}.scrollbar-thin::-webkit-scrollbar{height:8px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#374151;border-radius:4px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#4b5563}.app-banner{position:fixed;bottom:0;left:0;right:0;background-color:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.75rem;z-index:50;color:var(--text-neutral-400);font-size:.875rem;border-top:1px solid rgba(255,255,255,.1);font-family:var(--font-body)}.app-banner-content{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:.8fr auto 1.2fr;align-items:center;gap:1rem;padding:0 1rem}.banner-left{display:flex;align-items:center;gap:1rem;color:var(--text-neutral-500);white-space:nowrap;justify-self:start}.banner-right{display:flex;justify-content:flex-end;align-items:center;gap:2.5rem;justify-self:end}.remix-ideas{display:flex;align-items:center;gap:.5rem;color:var(--text-neutral-400);text-align:right;min-width:0;justify-self:center}.remix-prompt{flex-shrink:0}.remix-text-container{position:relative;width:16rem;height:1.25rem;overflow:hidden}.remix-text{position:absolute;top:0;left:0;right:0;bottom:0;font-weight:500;color:var(--text-neutral-200);white-space:nowrap;text-align:left}.banner-buttons{display:flex;align-items:center;gap:1.5rem}.banner-button{font-family:var(--font-special);font-size:1rem;text-align:center;padding:.5rem 1rem;border-radius:4px;transition:transform .2s,background-color .2s,color .2s;white-space:nowrap;text-decoration:none}.close-button{background:none;border:none;color:var(--text-neutral-400);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.close-button:hover{background-color:#ffffff1a;color:var(--text-neutral-200)}.button-ai-studio{color:#000;background-color:var(--yellow-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.button-ai-studio:hover{transform:translateY(-2px);background-color:var(--yellow-secondary)}.button-gemini-chat{color:#fff;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2)}.button-gemini-chat:hover{transform:translateY(-2px);background-color:#ffffff1a}@media(max-width:1024px){.app-banner-content{grid-template-columns:1fr 1fr}.remix-ideas{display:none}}@media(max-width:768px){.banner-left{display:none}.app-banner-content{grid-template-columns:1fr;justify-items:center}.banner-right{justify-content:center;justify-self:center}}@media(max-width:500px){.banner-buttons{gap:.75rem}.banner-button{font-size:.8rem;padding:.4rem .8rem}}.glowing-orb-container{position:relative;width:120px;height:120px;filter:blur(8px)}.glowing-orb{position:absolute;top:50%;left:50%;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;background:radial-gradient(circle,#3b82f699,#a855f766 60%,#0000 80%);animation:pulse-and-swirl 4s infinite ease-in-out;mix-blend-mode:screen}.glowing-orb:nth-child(2){background:radial-gradient(circle,#ec489980,#a855f74d 60%,#0000 80%);animation-delay:-1.33s}.glowing-orb:nth-child(3){background:radial-gradient(circle,#6366f180,#3b82f64d 60%,#0000 80%);animation-delay:-2.66s}@keyframes pulse-and-swirl{0%,to{transform:scale(.8) translate(0);opacity:.6}50%{transform:scale(1.1) translate(10px,-10px);opacity:.9}}#loading-text{font-family:var(--font-body);animation:text-fade-in-out 3s infinite ease-in-out alternate}@keyframes text-fade-in-out{0%{opacity:.6}to{opacity:1}}#enhance-prompt-button.loading svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}