: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}.app-banner{position:fixed;bottom:0;left:0;right:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);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:2px;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:1px 1px 0 1px #0003}.button-ai-studio:hover{transform:scale(1.05) rotate(-2deg);background-color:var(--yellow-secondary)}.button-gemini-chat{color:#fff;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.5)}.button-gemini-chat:hover{transform:scale(1.05) rotate(2deg);background-color:#fff;color:#000}@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}}