*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#1a1d24;color:#e4e7eb;display:flex;flex-direction:column;min-height:100vh}.App-header{background:#1f2329;border-bottom:1px solid #2d3139;color:#fff;overflow:hidden;padding:1rem 2rem;position:relative}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.App-header:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.logo-link{color:inherit;text-decoration:none;transition:opacity .2s ease}.logo-link:hover{opacity:.8}.logo{align-items:center;display:flex;gap:.75rem}.logo-icon{animation:float 3s ease-in-out infinite;flex-shrink:0}.logo-text h1{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.logo-text p{color:#9ba3af;display:none;font-size:.875rem;font-weight:400;margin:0}@media (min-width:768px){.logo-text p{display:block}}.header-nav{align-items:center;display:flex;gap:1.5rem}.nav-link{border-radius:6px;color:#9ba3af;font-size:.95rem;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:color .2s ease}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-link.active,.nav-link:active{color:#27ae60}@media (max-width:768px){.App-header{padding:1rem}.logo-icon{height:28px;width:28px}.logo-text h1{font-size:1.25rem}.header-nav{gap:1rem}.nav-link{font-size:.875rem;padding:.4rem .6rem}}.App-main{flex:1 1;margin:0 auto;max-width:1200px;padding:3rem 2rem;width:100%}.error-message{margin:1rem 0;padding:1rem}.debug-info{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-top:2rem;padding:1rem}.debug-info p{font-family:monospace;margin:.5rem 0}.upload-container{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:2rem 0}.upload-section{justify-content:center}.global-error-message,.upload-section{display:flex;max-width:400px;width:100%}.global-error-message{align-items:center;background-color:#2a2d35;border:1px solid #e74c3c;border-radius:6px;color:#ff6b6b;flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.retry-button{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.retry-button:hover{background-color:#ff6b6b}.action-section{display:flex;justify-content:center;margin-top:1rem;max-width:400px;width:100%}.process-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .15s ease;width:100%}.process-button:hover:not(:disabled){box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}.process-button:active:not(:disabled){box-shadow:0 2px 8px #667eea66;transform:translateY(0)}.process-button:disabled{background:#21262d;border-color:#30363d;color:#484f58;cursor:not-allowed;opacity:.6}@media (min-width:768px){.upload-container{flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:center}.upload-section{width:auto}.action-section,.global-error-message{width:100%}}.landing-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.landing-container{max-width:1200px;width:100%}.hero-section{margin-bottom:4rem;text-align:center}.hero-badge{align-items:center;animation:fadeInDown .6s ease-out;background:#2d3139;border:1px solid #3d4350;border-radius:50px;color:#9ba3af;display:inline-flex;font-size:.875rem;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem}.badge-icon{animation:float 3s ease-in-out infinite;font-size:1.25rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-title{animation:fadeInUp .6s ease-out .2s both;color:#e4e7eb;font-size:4rem;font-weight:700;letter-spacing:-1px;line-height:1.1;margin:0 0 1.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.hero-description{animation:fadeInUp .6s ease-out .4s both;color:#9ba3af;font-size:1.25rem;line-height:1.6;margin:0 auto 2.5rem;max-width:600px}.cta-button{align-items:center;animation:fadeInUp .6s ease-out .6s both;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 10px 30px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.75rem;padding:1rem 2.5rem;transition:all .3s ease}.cta-button:hover{box-shadow:0 15px 40px #667eea66;transform:translateY(-3px)}.cta-button:active{transform:translateY(-1px)}.arrow-icon{transition:transform .3s ease}.cta-button:hover .arrow-icon{transform:translateX(5px)}.features-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:5rem}.feature-card{animation:fadeInUp .6s ease-out both;background:#252932;border:1px solid #3d4350;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:first-child{animation-delay:.7s}.feature-card:nth-child(2){animation-delay:.8s}.feature-card:nth-child(3){animation-delay:.9s}.feature-card:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea33;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{color:#e4e7eb;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.feature-description{color:#9ba3af;font-size:1rem;line-height:1.5;margin:0}.how-it-works{animation:fadeInUp .6s ease-out 1s both;text-align:center}.section-title{font-size:2.5rem;margin:0 0 3rem}.steps{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.step{flex:1 1;max-width:280px;min-width:200px}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 5px 20px #667eea4d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.step-title{color:#e4e7eb;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.step-description{color:#9ba3af;font-size:.9375rem;line-height:1.5;margin:0}.step-arrow{color:#667eea;flex-shrink:0;font-size:2rem}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1.125rem}.cta-button{font-size:1rem;padding:.875rem 2rem}.features-section{gap:1.5rem;grid-template-columns:1fr}.section-title{font-size:2rem}.steps{flex-direction:column;gap:2rem}.step-arrow{transform:rotate(90deg)}.step{max-width:100%}}@media (max-width:480px){.landing-page{padding:1rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}}.upload-interface{display:flex;flex-direction:column;gap:.5rem;max-width:400px;width:100%}.upload-label{color:#e4e7eb;font-size:1rem;font-weight:600;margin-bottom:.5rem}.upload-dropzone{align-items:center;background:#252932;border:2px dashed #3d4350;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:2rem;position:relative;text-align:center;transition:all .15s ease}.upload-dropzone.dragging,.upload-dropzone:hover{background:#2a2f3a;border-color:#5dade2}.upload-dropzone.dragging{border-style:solid}.upload-dropzone.uploading{cursor:not-allowed;opacity:.7}.upload-dropzone.has-preview{border:2px solid #3d4350;padding:0}.upload-prompt{align-items:center;display:flex;flex-direction:column;gap:.5rem}.upload-icon{color:#5dade2;margin-bottom:.5rem}.upload-text{color:#e4e7eb;font-size:1rem;margin:0}.upload-text strong{color:#5dade2;font-weight:600}.upload-hint{color:#9ba3af;font-size:.875rem;margin:0}.preview-container{border-radius:6px;height:100%;min-height:200px;overflow:hidden;position:relative;width:100%}.preview-image{display:block;height:100%;object-fit:cover;width:100%}.preview-overlay{align-items:center;background-color:#0009;bottom:0;color:#fff;display:flex;font-weight:500;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.preview-container:hover .preview-overlay{opacity:1}.upload-progress-overlay{align-items:center;background-color:#1a1d24f2;border-radius:6px;bottom:0;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.progress-bar-container{background-color:#2d3139;border-radius:10px;box-shadow:inset 0 2px 4px #0000004d;height:20px;overflow:hidden;width:85%}.progress-bar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 2px 8px #667eea66;height:100%;transition:width .3s ease}.progress-text{font-size:1.5rem;margin:0;text-shadow:0 2px 4px #0000004d}.error-message{border:1px solid #e74c3c;border-radius:6px}.error-message,.success-message{background-color:#2a2d35;margin-top:.5rem;padding:.75rem}.success-message{animation:fadeIn .3s ease;border:1px solid #27ae60;border-radius:6px;color:#2ecc71;font-size:.875rem}@media (max-width:768px){.upload-interface{max-width:100%}.upload-dropzone{min-height:180px;padding:1.5rem}.upload-icon{height:40px;width:40px}.upload-text{font-size:.875rem}.upload-hint{font-size:.75rem}}.processing-view{align-items:center;display:flex;justify-content:center;min-height:400px;padding:2rem}.processing-container{background:#252932;border:1px solid #3d4350;border-radius:8px;max-width:500px;padding:3rem 2rem;text-align:center;width:100%}.loading-animation{align-items:center;display:flex;height:120px;justify-content:center;margin:0 auto 2rem;position:relative;width:120px}.spinner{animation:spinOnly 1s linear infinite;border:4px solid #2d3139;border-radius:50%;border-top-color:#667eea;height:80px;width:80px}@keyframes spinOnly{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseOnly{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}.processing-title{color:#e4e7eb;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.status-message{color:#9ba3af;font-size:1rem;margin:0 0 2rem;min-height:1.5rem}.progress-container{margin:2rem 0}.progress-bar-bg{background-color:#2d3139;border:2px solid #667eea;border-radius:20px;box-shadow:inset 0 2px 4px #0000004d;height:40px;position:relative;width:100%}.progress-bar-fill{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea66;display:flex;justify-content:flex-end;padding-right:.5rem}.progress-text{font-size:2rem;margin-top:1rem;text-align:center;text-shadow:0 1px 2px #00000080}.estimated-time{align-items:center;color:#9ba3af;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin:1.5rem 0}.clock-icon{color:#9ba3af}.status-indicator{align-items:center;border-top:1px solid #2d3139;display:flex;gap:.5rem;justify-content:center;margin-top:2rem;padding-top:1.5rem}.status-dot{animation:blink 2s ease-in-out infinite;height:8px;width:8px}.status-dot.pending{background-color:#f39c12}.status-dot.processing{background-color:#5dade2}.status-dot.completed{animation:none;background-color:#2ecc71}.status-dot.failed{animation:none;background-color:#ff6b6b}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.status-label{color:#9ba3af;font-weight:500;text-transform:capitalize}@media (max-width:640px){.processing-view{padding:1rem}.processing-container{padding:2rem 1.5rem}.processing-title{font-size:1.25rem}.loading-animation{height:100px;width:100px}.spinner{height:60px;width:60px}.pulse-ring{height:80px;width:80px}}.elapsed-time{color:#9ba3af;font-size:.875rem;margin-top:1rem}.email-confirmation{background-color:#27ae60;border-radius:6px;color:#fff;margin-top:2rem;padding:1rem}.email-confirmation p{margin:.5rem 0}.email-note{font-size:.875rem;opacity:.9}.modal-overlay{background-color:#000000bf}.modal-content{box-shadow:0 10px 40px #00000080;max-width:95vw!important;min-width:800px;padding:3rem;width:1200px!important}.modal-content h3{font-size:2.25rem;margin:0 0 1.5rem}.modal-content>p{color:#9ba3af;font-size:1.125rem;line-height:1.7;margin:0 0 3rem}.modal-options{align-items:stretch;display:flex;gap:3rem}.email-option{display:flex;flex:1.5 1;flex-direction:column}.continue-option{display:flex;flex:1 1;flex-direction:column}.continue-option h4,.email-option h4{color:#e4e7eb;font-size:1.5rem;font-weight:600;margin:0 0 1.25rem}.continue-option p,.email-option p{color:#9ba3af;font-size:1.0625rem;line-height:1.6;margin:0 0 1.5rem}.email-option input[type=email]{background-color:#1a1d24;border:2px solid #3d4350;border-radius:10px;box-sizing:border-box;color:#e4e7eb;font-size:1.125rem;margin-bottom:1.5rem;min-height:56px;padding:1.25rem 1.5rem;transition:border-color .2s;width:100%}.email-option input[type=email]:focus{border-color:#5dade2;outline:none}.email-option input[type=email].error{border-color:#ff6b6b}.error-message{color:#ff6b6b;font-size:.875rem;margin:-.5rem 0 1rem}.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-size:1.125rem;font-weight:600;margin-top:auto;padding:1.25rem 2.5rem;transition:all .2s}.btn-primary{background-color:#5dade2;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4a9fd8}.btn-primary:disabled{background-color:#3d4350;color:#6b7280;cursor:not-allowed}.btn-secondary{background-color:initial;border:1px solid #3d4350;color:#e4e7eb}.btn-secondary:hover{background-color:#2d3139;border-color:#5dade2}.divider{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;justify-content:center}@media (max-width:1280px){.modal-content{width:90vw}}@media (max-width:768px){.modal-options{flex-direction:column;gap:2rem}.divider{margin:1rem 0}.modal-content{min-width:0;min-width:auto;padding:2rem;width:95vw!important}.modal-content h3{font-size:1.75rem}.email-option input[type=email]{font-size:1.25rem;min-height:60px;padding:1.5rem}.btn-primary,.btn-secondary{font-size:1.25rem;min-height:60px;padding:1.5rem 2rem}}.result-display{align-items:center;display:flex;justify-content:center;min-height:400px;padding:2rem}.result-container{background:#252932;border:1px solid #3d4350;border-radius:8px;max-width:800px;padding:2rem;text-align:center}.result-title{color:#e4e7eb;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.result-subtitle{color:#9ba3af;font-size:1rem;margin:0 0 2rem}.result-image-container{background:#1a1d24;border:1px solid #3d4350;border-radius:8px;margin:0 auto 2rem;max-width:600px;overflow:hidden;width:100%}.result-image{object-fit:contain}.result-actions{flex-wrap:wrap}.download-button,.try-another-button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .15s ease}.download-button{background:#27ae60;border:1px solid #2ecc71}.download-button:hover{background:#2ecc71;border-color:#27ae60}.download-button:active{background:#229954}.try-another-button{background:#2d3139;border:1px solid #3d4350;color:#e4e7eb}.try-another-button:hover{background:#3d4350;border-color:#4a5160}.try-another-button:active{background:#252932}.button-icon{flex-shrink:0}@media (max-width:640px){.result-display{padding:1rem}.result-container{padding:1.5rem}.result-title{font-size:1.5rem}.result-subtitle{font-size:.875rem}.result-actions{flex-direction:column;width:100%}.download-button,.try-another-button{justify-content:center;width:100%}}.job-card{background:#252932;border:1px solid #3d4350;border-radius:16px;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.job-card:hover{border-color:#667eea;box-shadow:0 10px 25px #667eea4d;transform:translateY(-4px)}.job-card.clickable{cursor:pointer}.job-card.clickable:hover{border-color:#764ba2;box-shadow:0 12px 30px #764ba266}.job-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.job-thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail-placeholder{align-items:center;color:#ffffffb3;display:flex;justify-content:center}.job-info{display:flex;flex:1 1;flex-direction:column;gap:.75rem;min-width:0;padding:1.25rem}.job-header{gap:1rem;justify-content:space-between}.job-header,.job-status{align-items:center;display:flex}.job-status{gap:.5rem}.status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.status-label{color:#e4e7eb;font-size:.875rem;font-weight:600}.job-time{color:#9ca3af;font-size:.75rem;white-space:nowrap}.job-progress{align-items:center;display:flex;gap:.75rem}.progress-bar-bg{background-color:#1a1d24;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .5s ease}.progress-text{color:#6b7280;font-size:.75rem;font-weight:600;min-width:35px;text-align:right}.job-message{color:#6b7280}.job-error,.job-message{font-size:.875rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-error{color:#ef4444}.job-actions{display:flex;flex-shrink:0;gap:.75rem;padding:0 1.25rem 1.25rem}.delete-button,.view-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.view-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.view-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.view-button:active{transform:translateY(0)}.delete-button{background:#0000;border:2px solid #3d4350;color:#ef4444}.delete-button:hover{background:#1a1d24;border-color:#ef4444}.delete-button:active{background:#252932}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#252932;border:1px solid #3d4350;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:2rem;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{color:#e4e7eb;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.modal-content p{color:#9ca3af;font-size:.9375rem;line-height:1.6;margin:0 0 2rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-cancel,.btn-delete{border:none;border-radius:10px;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel{background-color:initial;border:2px solid #3d4350;color:#e4e7eb}.btn-cancel:hover{background-color:#1a1d24;border-color:#667eea}.btn-delete{background-color:#ef4444;box-shadow:0 2px 8px #ef44444d;color:#fff}.btn-delete:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef444466}.btn-delete:active{background-color:#b91c1c}@media (max-width:640px){.job-thumbnail{height:180px}.job-info{padding:1rem}.job-actions{flex-direction:column;padding:0 1rem 1rem}.delete-button,.view-button{width:100%}.modal-content{padding:1.5rem}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-delete{width:100%}}.job-history-view{background:#1a1d24;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.job-history-header{margin-bottom:2.5rem;text-align:center}.job-history-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.75rem}.job-history-header p{color:#9ca3af;font-size:1.125rem}.job-history-controls{background:#252932;border:1px solid #3d4350;border-radius:16px;box-shadow:0 4px 6px -1px #0000004d;display:flex;gap:3rem;justify-content:center;margin-bottom:2.5rem;padding:1.5rem 2rem}.filter-controls,.sort-controls{align-items:center;display:flex;gap:.75rem}.filter-controls label,.sort-controls label{color:#e4e7eb;font-size:.95rem;font-weight:600}.filter-controls select,.sort-controls select{background:#1a1d24;border:2px solid #3d4350;border-radius:10px;color:#e4e7eb;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.filter-controls select:hover,.sort-controls select:hover{background:#252932;border-color:#667eea}.filter-controls select:focus,.sort-controls select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.job-history-content{min-height:400px}.job-history-content>p{background:#252932;border:1px solid #3d4350;border-radius:16px;box-shadow:0 4px 6px -1px #0000004d;color:#9ca3af;font-size:1.125rem;padding:4rem 2rem;text-align:center}.job-list{grid-gap:2rem;animation:fadeIn .5s ease-in;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-notification{animation:slideInRight .3s ease,fadeOut .3s ease 2.7s;border-radius:12px;box-shadow:0 10px 40px #00000080;min-width:300px;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:1000}.toast-notification.success{background:linear-gradient(135deg,#2ecc71f2,#27ae60f2);border:1px solid #2ecc714d;color:#fff}.toast-notification.error{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border:1px solid #ef44444d;color:#fff}.toast-content{align-items:center;display:flex;font-size:.9375rem;font-weight:600;gap:.75rem}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.job-history-view{padding:1rem}.job-history-header h2{font-size:2rem}.job-history-header p{font-size:1rem}.job-history-controls{flex-direction:column;gap:1.5rem;padding:1.25rem 1rem}.filter-controls,.sort-controls{align-items:flex-start;flex-direction:column;gap:.5rem;width:100%}.filter-controls select,.sort-controls select{width:100%}.job-list{gap:1.5rem;grid-template-columns:1fr}.toast-notification{left:1rem;min-width:auto;right:1rem;top:1rem}}@media (max-width:480px){.job-history-header h2{font-size:1.75rem}.job-history-controls{padding:1rem}}.job-detail-view{background:#1a1d24;min-height:100vh;width:100%}.job-detail-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.job-detail-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.back-button{align-items:center;background:#252932;border:1px solid #3d4350;border-radius:10px;color:#e4e7eb;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.back-button:hover{background:#2d3139;border-color:#667eea}.job-detail-content{width:100%}.result-container{gap:4rem;margin:0 auto;max-width:1000px;width:100%}.main-result,.result-container{display:flex;flex-direction:column}.main-result{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea33;border-radius:24px;box-shadow:0 20px 60px #0006;gap:2rem;padding:2.5rem}.result-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.result-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.result-badge{align-items:center;background:#2ecc711a;border:1px solid #2ecc714d;border-radius:20px;color:#2ecc71;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.result-image-wrapper{background:#252932;border:2px solid #667eea4d;border-radius:20px;box-shadow:0 15px 50px #0009;margin:0 auto;max-width:700px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.result-image-wrapper:hover{box-shadow:0 20px 60px #667eea66;transform:scale(1.02)}.result-image{display:block;height:auto;width:100%}.result-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.comparison-section{display:flex;flex-direction:column;gap:2rem}.section-title{border-bottom:2px solid #3d4350;color:#e4e7eb;font-size:1.5rem;font-weight:700;margin:0;padding-bottom:.5rem;text-align:center}.comparison-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:900px}.comparison-item{display:flex;flex-direction:column;gap:1rem}.comparison-label{color:#9ca3af;font-size:1rem;font-weight:600;letter-spacing:.05em;text-align:center;text-transform:uppercase}.comparison-image-wrapper{align-items:center;aspect-ratio:3/4;background:#252932;border:1px solid #3d4350;border-radius:16px;display:flex;justify-content:center;overflow:hidden;transition:all .3s ease}.comparison-image-wrapper:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea33;transform:translateY(-4px)}.comparison-image{height:100%;object-fit:cover;width:100%}.download-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .2s ease}.download-button:hover{box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}.download-button:active{transform:translateY(0)}.secondary-button{background:#0000;border:2px solid #3d4350;border-radius:12px;color:#e4e7eb;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.secondary-button:hover{background:#252932;border-color:#667eea}.error-container,.loading-container,.processing-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh;text-align:center}.error-container p,.loading-container p,.processing-container p{color:#9ca3af;font-size:1.125rem}.error-container h2,.processing-container h2{color:#e4e7eb;font-size:2rem;font-weight:700}.spinner,.spinner-large{animation:spin 1s linear infinite;border:3px solid #3d4350;border-radius:50%;border-top-color:#667eea}.spinner{height:40px;width:40px}.spinner-large{height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-bar{background:#252932;border-radius:6px;height:12px;margin-top:1rem;max-width:400px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .5s ease}.progress-text{color:#667eea;font-size:1.25rem;font-weight:700}@media (max-width:1024px){.comparison-grid{gap:2rem;grid-template-columns:1fr}.main-result{padding:2rem}.result-header h2{font-size:1.75rem}}@media (max-width:768px){.job-detail-header{align-items:flex-start;flex-direction:column;gap:1rem}.job-detail-header h1{font-size:1.5rem}.main-result{gap:1.5rem;padding:1.5rem}.result-header{align-items:flex-start;flex-direction:column}.result-header h2{font-size:1.5rem}.result-actions{flex-direction:column;width:100%}.download-button,.secondary-button{justify-content:center;width:100%}.section-title{font-size:1.25rem}.comparison-label{font-size:.875rem}}
/*# sourceMappingURL=main.07521bf3.css.map*/