:root{--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--bg-dark:#07070c;--bg-card:#12121d99;--bg-glass:#ffffff08;--border-glass:#ffffff0f;--border-active:#8b5cf680;--color-primary:#8b5cf6;--color-secondary:#ec4899;--color-accent:#3b82f6;--color-text-main:#f3f4f6;--color-text-muted:#9ca3af;--color-success:#10b981;--color-error:#ef4444;--glow-primary:0 0 20px #8b5cf659;--glow-secondary:0 0 20px #ec489959;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--color-text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 10% 20%,#8b5cf61a 0,#0000 50%),radial-gradient(at 90% 80%,#ec489914 0,#0000 50%),radial-gradient(#3b82f60d 0,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}p{color:var(--color-text-muted);line-height:1.6}.app-container{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem}.app-header{text-align:center;margin-bottom:3.5rem;position:relative}.brand-badge{color:#c084fc;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:600;font-family:var(--font-heading);box-shadow:var(--glow-primary);background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;animation:3s ease-in-out infinite float;display:inline-flex}.app-title{background:linear-gradient(135deg,#fff 30%,#c084fc 70%,#f472b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:3rem;font-weight:800}.app-subtitle{max-width:600px;margin:0 auto;font-size:1.1rem}.workspace-grid{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (width>=1024px){.workspace-grid{grid-template-columns:1.1fr .9fr}}.panel-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);transition:var(--transition-smooth);border-radius:24px;height:max-content;padding:2rem;box-shadow:0 10px 30px -10px #00000080}.panel-card:hover{border-color:#ffffff1a}.panel-title{align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.35rem;display:flex}.panel-title svg{color:var(--color-primary)}.uploaders-container{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width>=640px){.uploaders-container{grid-template-columns:1fr 1fr}}.dropzone{text-align:center;cursor:pointer;transition:var(--transition-smooth);aspect-ratio:4/5;background:#ffffff03;border:2px dashed #ffffff26;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.dropzone:hover{border-color:var(--color-primary);background:#8b5cf608;box-shadow:inset 0 0 20px #8b5cf60d}.dropzone.active{border-color:var(--color-secondary);background:#ec48990a}.dropzone-icon{width:54px;height:54px;color:var(--color-text-muted);transition:var(--transition-smooth);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.dropzone:hover .dropzone-icon{color:var(--color-primary);background:#8b5cf61a;transform:translateY(-4px)}.dropzone-title{margin-bottom:.5rem;font-size:1rem;font-weight:600}.dropzone-desc{color:var(--color-text-muted);font-size:.8rem}.preview-container{background:#0f0f18;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.preview-img{object-fit:cover;width:100%;height:100%}.remove-btn{color:#ff4d4d;cursor:pointer;width:32px;height:32px;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0f0f18d9;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.75rem;right:.75rem}.remove-btn:hover{color:#fff;background:#ff4d4d;transform:scale(1.1);box-shadow:0 0 10px #ff4d4d66}.config-group{margin-bottom:1.5rem}.config-label{color:var(--color-text-main);font-size:.9rem;font-weight:600;font-family:var(--font-heading);margin-bottom:.5rem;display:block}.ratio-selector{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.ratio-btn{color:var(--color-text-muted);cursor:pointer;transition:var(--transition-smooth);font-family:var(--font-heading);background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:.75rem;font-size:.9rem;font-weight:500}.ratio-btn:hover{color:var(--color-text-main);background:#ffffff0d}.ratio-btn.active{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--glow-primary);background:#8b5cf61a}.custom-input{width:100%;color:var(--color-text-main);font-family:var(--font-body);transition:var(--transition-smooth);resize:vertical;background:#00000040;border:1px solid #ffffff14;border-radius:12px;min-height:80px;padding:.85rem 1rem;font-size:.95rem}.custom-input:focus{border-color:var(--color-primary);box-shadow:var(--glow-primary);background:#00000059;outline:none}.generate-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;width:100%;font-family:var(--font-heading);cursor:pointer;box-shadow:var(--glow-primary);transition:var(--transition-smooth);border:none;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;padding:1.1rem;font-size:1.1rem;font-weight:700;display:flex;position:relative;overflow:hidden}.generate-btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.generate-btn:hover:not(:disabled):after{left:100%}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 25px #ec489973}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;color:var(--color-text-muted);background:#27273a}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.spinner-ring{border:4px solid #8b5cf61a;border-top:4px solid var(--color-primary);border-right:4px solid var(--color-secondary);width:80px;height:80px;box-shadow:var(--glow-primary);border-radius:50%;margin-bottom:2.5rem;animation:1.5s cubic-bezier(.5,0,.5,1) infinite spin;position:relative}.spinner-ring:before{content:"";border:4px solid #0000;border-bottom:4px solid var(--color-accent);border-radius:50%;animation:2.5s linear infinite spin-reverse;position:absolute;inset:-4px}.loading-title{font-size:1.5rem;font-weight:700;font-family:var(--font-heading);margin-bottom:.75rem}.loading-desc{color:var(--color-text-muted);max-width:450px;margin-bottom:2.5rem;font-size:.95rem}.pipeline-steps{flex-direction:column;gap:1rem;width:100%;max-width:400px;display:flex}.step-item{text-align:left;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.step-item.pending{opacity:.4}.step-item.active{border-color:var(--border-active);background:#8b5cf60d;animation:2s ease-in-out infinite pulse;box-shadow:0 0 15px #8b5cf60d}.step-item.completed{background:#10b98108;border-color:#10b9814d}.step-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex}.step-item.pending .step-indicator{color:var(--color-text-muted);background:#ffffff0d}.step-item.active .step-indicator{background:var(--color-primary);color:#fff;box-shadow:var(--glow-primary)}.step-item.completed .step-indicator{background:var(--color-success);color:#fff}.step-text{color:var(--color-text-main);font-size:.9rem;font-weight:550}.step-item.pending .step-text{color:var(--color-text-muted)}.result-card{flex-direction:column;gap:1.5rem;display:flex}.result-image-wrapper{aspect-ratio:3/4;background:#0f0f18;border:1px solid #ffffff14;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px -20px #000000b3}.result-image{object-fit:cover;width:100%;height:100%}.result-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;background:#10b981d9;border-radius:9999px;padding:.4rem .85rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem;box-shadow:0 4px 10px #10b9814d}.prompt-details{background:#0000004d;border:1px solid #ffffff0f;border-radius:16px;padding:1.25rem}.prompt-header{text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:750;display:flex}.prompt-content{color:var(--color-text-main);font-size:.85rem;font-style:italic;line-height:1.5}.action-buttons{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn-secondary{color:var(--color-text-main);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem;font-weight:600;display:flex}.btn-secondary:hover{background:#ffffff14;border-color:#fff3}.btn-download{background:var(--color-success);color:#fff;font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem;font-weight:600;display:flex;box-shadow:0 4px 12px #10b98133}.btn-download:hover{background:#059669;transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.empty-result-placeholder{background:#ffffff01;border:1px dashed #ffffff0f;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:8rem 2rem;display:flex}.placeholder-icon{color:#ffffff14;margin-bottom:1.5rem;animation:4s ease-in-out infinite slow-pulse}.error-box{background:#ef444414;border:1px solid #ef444433;border-radius:16px;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.error-icon{color:var(--color-error);flex-shrink:0}.error-title{color:#fca5a5;margin-bottom:.35rem;font-size:1.05rem;font-weight:650}.error-desc{color:#fbcfe8;margin-bottom:.75rem;font-size:.9rem}.error-details{color:#fda4af;background:#0000004d;border-radius:8px;margin-bottom:.75rem;padding:.75rem 1rem;font-family:monospace;font-size:.8rem;overflow-x:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}