:root{--bg-primary:#fafafb;--bg-secondary:#fff;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--accent-primary:#4f7cff;--accent-hover:#3e66d8;--accent-light:#4f7cff1a;--success-primary:#16a34a;--success-bg:#dcfce7;--success-text:#166534;--error-primary:#ef4444;--error-bg:#fef2f2;--border-light:#e5e7eb;--border-focus:#4f7cff;--shadow-sm:0 1px 2px 0 #00000005;--shadow-md:0 4px 12px -2px #0000000a, 0 2px 4px -2px #00000005;--shadow-lg:0 12px 24px -4px #0000000f, 0 4px 8px -4px #00000008;--shadow-focus:0 0 0 3px #4f7cff33;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-weight:600}p{color:var(--text-secondary);margin:0;line-height:1.6}#root{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.bg-blobs{z-index:-1;pointer-events:none;background-color:var(--bg-primary);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob-1{filter:blur(80px);background:radial-gradient(circle,#4f7cff0d 0%,#4f7cff00 70%);border-radius:50%;width:60%;height:60%;position:absolute;top:-10%;left:-10%}.blob-2{filter:blur(100px);background:radial-gradient(circle,#16a34a08 0%,#16a34a00 70%);border-radius:50%;width:70%;height:70%;position:absolute;bottom:-20%;right:-10%}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}.landing-container{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:560px;display:flex;position:relative}.landing-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:48px;display:flex}.logo-icon{width:48px;height:48px;color:var(--text-primary);opacity:0;margin-bottom:24px}.title{letter-spacing:-.04em;color:var(--text-primary);opacity:0;margin-bottom:12px;font-size:40px;font-weight:700}.subtitle{color:var(--text-secondary);opacity:0;font-size:18px;font-weight:400}.form-container{opacity:0;flex-direction:column;gap:24px;width:100%;display:flex}.input-group{flex-direction:column;gap:8px;display:flex;position:relative}label{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .3s}.input-group:focus-within label{color:var(--text-primary)}input,textarea{background-color:var(--bg-secondary);border:1px solid var(--border-light);width:100%;color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:12px;outline:none;padding:16px 20px;font-family:inherit;font-size:15px;transition:all .3s}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,textarea:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.input-error{border-color:var(--error-primary)!important}.input-error:focus{box-shadow:0 0 0 3px #ef444433!important}.error-message{color:var(--error-primary);background:var(--error-bg);border:1px solid #ef444433;border-radius:8px;align-items:center;margin-top:24px;padding:12px 16px;font-size:14px;display:flex}.btn-primary{background-color:var(--text-primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:16px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#000;transform:translateY(-1px)}.btn-primary:disabled{background-color:var(--border-light);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{box-shadow:var(--shadow-md);background-color:#f3f4f6;transform:translateY(-1px)}.processing-container{text-align:left;opacity:0;flex-direction:column;justify-content:center;align-items:center;display:flex}.processing-step{color:var(--text-secondary);opacity:.4;align-items:center;gap:16px;margin-bottom:24px;font-size:18px;font-weight:500;display:flex;transform:translateY(10px)}.processing-step.active,.processing-step.completed{color:var(--text-primary);opacity:1}.step-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.step-icon svg{width:100%;height:100%}.glow-accent{filter:blur(40px);z-index:-1;background:radial-gradient(circle,#4f7cff26 0%,#4f7cff00 70%);width:200px;height:200px;position:absolute}.results-container{opacity:0;flex-direction:column;gap:32px;width:100%;max-width:1200px;display:flex}.results-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.results-title{color:var(--text-primary);font-size:24px;font-weight:600}.status-badge{background:var(--success-bg);color:var(--success-text);border-radius:20px;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.results-grid{grid-template-columns:1fr 1fr;align-items:flex-start;gap:40px;display:grid}.card{background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);opacity:0;border-radius:16px;padding:32px;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:16px;font-size:14px;font-weight:600}.prompt-text{color:var(--text-primary);white-space:pre-wrap;font-size:16px;line-height:1.8}.image-card{padding:16px}.image-container{background-color:var(--bg-primary);aspect-ratio:1;border-radius:12px;width:100%;position:relative;overflow:hidden}.generated-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s}.generated-image.loaded{opacity:1}.actions-row{gap:16px;margin-top:24px;display:flex}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s linear infinite shimmer}.skeleton-text{width:100%;height:24px;margin-bottom:12px}.skeleton-text.short{width:60%}.skeleton-img{width:100%;height:100%;position:absolute;top:0;left:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=992px){.results-grid{grid-template-columns:1fr;gap:32px}}@media (width<=640px){.app-wrapper{align-items:flex-start;padding:24px 16px}.title{font-size:32px}.card{padding:24px}}