@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-body: "Inter", sans-serif;--font-special: "Inter", sans-serif;--bg-app: #09090b;--bg-panel: #18181b;--bg-card: rgba(39, 39, 42, .4);--primary-accent: #f4f4f5;--secondary-accent: #a1a1aa;--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(255, 255, 255, .15);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #52525b}*{scrollbar-width:thin;scrollbar-color:var(--secondary-accent) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:20px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#fff3}body{background-color:var(--bg-app);background-image:radial-gradient(circle at 50% 0%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 100% 0%,rgba(255,255,255,.02) 0%,transparent 30%);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;margin:0;-webkit-font-smoothing:antialiased}.card-glass{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff0d;border-radius:16px}.header-gradient{background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,255,255,.1)}.btn-generate{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;font-weight:600;letter-spacing:.02em;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #3b82f666;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-generate:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#60a5fa,#a78bfa);opacity:0;transition:opacity .3s ease;z-index:0}.btn-generate>*{position:relative;z-index:1}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.btn-generate:hover:before{opacity:.2}.btn-generate:active{transform:translateY(0)}.btn-generate:disabled{background:#27272a;color:#71717a;box-shadow:none;cursor:not-allowed;transform:none}.input-glow:focus{outline:none;border-color:var(--text-secondary);box-shadow:0 0 0 2px #ffffff1a;background:#0003}.mode-card{transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.mode-card:hover{transform:translateY(-2px);background:#ffffff08;border-color:var(--border-subtle)}.output-container{background:#000;border:1px solid var(--border-subtle);position:relative;overflow:hidden;border-radius:12px}.placeholder-icon{color:var(--border-glow);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.status-badge{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.upload-area{transition:all .2s cubic-bezier(.4,0,.2,1);border:2px dashed var(--border-subtle);background:#ffffff03;border-radius:12px}.upload-area:hover{border-color:var(--text-secondary);background:#ffffff08;transform:translateY(-1px)}.upload-area.active-drop{border-color:#3b82f6;background:#3b82f61a;transform:scale(1.02)}.segmented-control{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:999px;padding:4px;display:flex;position:relative;gap:4px;box-shadow:inset 0 2px 4px #0003}.segmented-option{flex:1;position:relative;z-index:10;text-align:center;padding:8px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary);cursor:pointer;transition:color .2s ease;border-radius:999px;-webkit-user-select:none;user-select:none}.segmented-option:hover{color:var(--text-primary)}input[type=radio]:checked+.segmented-option{color:var(--bg-app);text-shadow:0 1px 0 rgba(255,255,255,.2)}.segmented-glider{position:absolute;top:4px;left:4px;height:calc(100% - 8px);width:calc((100% - 8px)/4);background:var(--text-primary);border-radius:999px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 2px 8px #0003}#mode-standard:checked~.segmented-glider{transform:translate(0)}#mode-fashion:checked~.segmented-glider{transform:translate(100%);margin-left:2px}#mode-product:checked~.segmented-glider{transform:translate(200%);margin-left:4px}#mode-nail:checked~.segmented-glider{transform:translate(300%);margin-left:6px}.action-button{transition:all .2s ease;color:var(--text-secondary)}.action-button:hover{color:var(--text-primary);background:#ffffff0d}.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)}}.floating-toolbar{background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #0006;transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-toolbar:hover{background:#000000bf;transform:translate(-50%) translateY(-2px);box-shadow:0 8px 30px #00000080}.toolbar-btn{position:relative;transition:all .2s ease}.toolbar-btn:hover{transform:scale(1.1);color:#fff}.toolbar-btn:active{transform:scale(.95)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.history-card{scroll-snap-align:center;flex-shrink:0;width:80px;transition:all .2s ease}.history-card:hover{transform:scale(1.05);z-index:10;border-color:var(--text-primary)}#fullscreen-modal.open{display:flex;animation:fadeInModal .3s forwards}@keyframes fadeInModal{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.watermark-group{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;overflow:hidden;transition:all .2s ease}.watermark-group:hover{background:#ffffff0a}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}