*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{height:100%;overflow-x:hidden;width:100%}#root{display:flex;flex-direction:column;min-height:100vh}@media (max-width:768px){body{font-size:16px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}}.button,button{cursor:pointer;min-height:44px;min-width:44px;touch-action:manipulation}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}.pulse{animation:pulse 2s infinite}.spin{animation:spin 1s linear infinite}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.full-height{height:100vh;height:calc(var(--vh, 1vh)*100)}.camera-container{height:100%}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #2563eb4d;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s ease}.btn-primary:hover{box-shadow:0 6px 16px #2563eb66}.btn-primary:active{box-shadow:0 2px 8px #2563eb4d;transform:translateY(0)}.btn-secondary{transition:all .2s ease}.btn-secondary,.btn-success{border:none;border-radius:12px;font-size:16px;font-weight:600;padding:16px 24px}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:20px}.status-success{color:#10b981}.status-warning{color:#f59e0b}.status-error{color:#ef4444}.status-processing{color:#2563eb}.progress-fill{transition:width .3s ease}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:90vw;overflow:auto;padding:20px}.grid{grid-gap:16px;display:grid;gap:16px}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.p-4{padding:16px}.p-6{padding:24px}.m-4{margin:16px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.text-center{text-align:center}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.install-prompt{border-radius:12px;box-shadow:0 8px 24px #00000026;padding:16px}@media (prefers-color-scheme:dark){body{background-color:#1f2937;color:#f9fafb}.card,.modal-content{background:#374151;color:#f9fafb}}.App{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.offline-indicator{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #0000001a;color:#fff;font-size:14px;font-weight:600;left:0;padding:8px 16px;position:fixed;right:0;text-align:center;top:0;z-index:1000}.install-prompt{background:#fff;border:1px solid #e5e7eb;border-radius:16px;bottom:20px;box-shadow:0 12px 32px #00000026;left:20px;padding:20px;position:fixed;right:20px;transform:translateY(100px);transition:transform .3s ease;z-index:1000}.install-prompt.show{transform:translateY(0)}.install-content{align-items:center;display:flex;gap:16px}.install-icon{flex-shrink:0;font-size:32px}.install-text{flex:1 1}.install-title{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:4px}.install-description{color:#6b7280;font-size:14px;line-height:1.4}.install-actions{display:flex;flex-shrink:0;gap:8px}.install-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.install-btn:hover{box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.dismiss-btn{background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.dismiss-btn:hover{background:#e5e7eb}.camera-warning{background:#fff;border-radius:16px;box-shadow:0 12px 32px #00000026;left:50%;max-width:90vw;padding:24px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.warning-content{align-items:center;display:flex;flex-direction:column;gap:16px}.warning-content span{color:#dc2626;font-size:16px;font-weight:600}.warning-content button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.screen-enter{opacity:0;transform:translateX(100%)}.screen-enter-active{transition:opacity .3s,transform .3s}.screen-enter-active,.screen-exit{opacity:1;transform:translateX(0)}.screen-exit-active{opacity:0;transform:translateX(-100%);transition:opacity .3s,transform .3s}.loading-overlay{align-items:center;background:#fffffff2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#2563eb;height:48px;margin-bottom:16px;width:48px}.loading-text{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:8px}.loading-subtext{color:#6b7280;font-size:14px}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:24px}.error-icon{font-size:64px;margin-bottom:16px;opacity:.5}.error-title{color:#dc2626;font-size:20px;margin-bottom:8px}.error-message{color:#6b7280;font-size:16px;margin-bottom:24px;max-width:400px}.error-actions{gap:12px}.success-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px;text-align:center}.success-icon{font-size:64px;margin-bottom:16px}.success-title{color:#10b981;font-size:20px;font-weight:700;margin-bottom:8px}.success-message{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:24px;max-width:400px}@media (max-width:768px){.install-prompt{bottom:16px;left:16px;padding:16px;right:16px}.install-content{gap:12px}.install-icon{font-size:28px}.install-title{font-size:15px}.install-description{font-size:13px}.install-actions{flex-direction:column;gap:8px;min-width:80px}.camera-warning{margin:16px;max-width:calc(100vw - 32px)}}@media (prefers-contrast:high){.install-prompt{border:2px solid #000}.install-btn{border:2px solid #fff}.dismiss-btn{border:2px solid #6b7280}}@media (prefers-reduced-motion:reduce){.install-prompt{transition:none}.loading-spinner{animation:none}.screen-enter-active,.screen-exit-active{transition:none}}@media (prefers-color-scheme:dark){.App{background:#111827}.install-prompt{background:#374151;border-color:#4b5563}.install-title{color:#f9fafb}.dismiss-btn,.install-description{color:#d1d5db}.dismiss-btn{background:#4b5563}.dismiss-btn:hover{background:#6b7280}.camera-warning{background:#374151}.loading-overlay{background:#111827f2}.loading-text{color:#f9fafb}.loading-subtext{color:#d1d5db}}.home-screen{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding-bottom:2rem}.home-header{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d;color:#fff;padding:2rem 1rem}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.logo-section{align-items:center;display:flex;gap:1rem}.app-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:1rem;font-size:3rem;padding:1rem}.app-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0003}.app-subtitle{font-size:1rem;font-weight:400;margin:0;opacity:.9}.status-indicators{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.api-status,.connection-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:2rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.connection-status.online .status-dot{background:#10b981}.connection-status.offline .status-dot{background:#ef4444}.api-status.healthy .status-dot{background:#10b981}.api-status.error .status-dot{background:#ef4444}.main-actions{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:1200px;padding:2rem 1rem}.action-button{align-items:center;background:#fff;border:none;border-radius:1rem;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;gap:1.5rem;min-height:120px;padding:2rem;text-align:left;transition:all .3s ease;width:100%}.action-button:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.action-button:active{transform:translateY(-2px)}.action-button.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-button.primary:hover{box-shadow:0 8px 24px #10b9814d}.action-button.secondary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.action-button.secondary:hover{box-shadow:0 8px 24px #6366f14d}.action-button.disabled{cursor:not-allowed;opacity:.5;transform:none!important}.button-icon{align-items:center;background:#fff3;border-radius:.75rem;display:flex;flex-shrink:0;font-size:2.5rem;height:4rem;justify-content:center;padding:1rem;width:4rem}.button-content{flex:1 1}.button-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.button-subtitle{font-size:.875rem;line-height:1.4;opacity:.9}.recent-section{margin:0 auto;max-width:1200px;padding:0 1rem 2rem}.section-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.recent-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.recent-item{align-items:center;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.recent-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.recent-icon{align-items:center;background:#f3f4f6;border-radius:.5rem;display:flex;font-size:1.5rem;height:3rem;justify-content:center;width:3rem}.recent-info{flex:1 1}.recent-name{color:#1f2937;font-weight:600;margin-bottom:.25rem}.recent-details{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.features-section{margin:0 auto;max-width:1200px;padding:2rem 1rem}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.feature-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:.75rem;display:flex;flex-shrink:0;font-size:2rem;height:3.5rem;justify-content:center;width:3.5rem}.feature-content{flex:1 1}.feature-title{color:#1f2937;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.feature-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.instructions-section{margin:0 auto;max-width:1200px;padding:2rem 1rem}.steps-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step-item{background:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:all .3s ease}.step-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.step-number{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.step-title{font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.step-description{line-height:1.5}.device-info{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:.75rem;margin:2rem auto 0;max-width:1200px;padding:1rem}.device-info h3{color:#92400e;font-size:1rem;margin:0 0 1rem}.info-grid{grid-gap:.5rem;color:#92400e;display:grid;font-size:.875rem;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (max-width:768px){.home-header{padding:1.5rem 1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.status-indicators{align-items:flex-start;flex-direction:row;gap:1rem}.app-icon{font-size:2.5rem;padding:.75rem}.app-title{font-size:1.75rem}.main-actions{padding:1.5rem 1rem}.action-button{gap:1rem;min-height:100px;padding:1.5rem}.button-icon{font-size:2rem;height:3rem;padding:.75rem;width:3rem}.button-title{font-size:1.125rem}.features-grid,.steps-container{grid-template-columns:1fr}.feature-card,.step-item{padding:1rem}}@media (max-width:480px){.action-button{flex-direction:column;gap:1rem;text-align:center}.button-content{display:flex}.button-content,.feature-card{align-items:center;flex-direction:column}.feature-card,.step-item{text-align:center}.step-item{align-items:center;flex-direction:column}}@media (prefers-contrast:high){.action-button,.feature-card,.recent-item,.step-item{border:2px solid #1f2937}}@media (prefers-color-scheme:dark){.home-screen{background:linear-gradient(135deg,#111827,#1f2937)}.section-title{color:#f9fafb}.action-button,.feature-card,.recent-item,.step-item{background:#374151;color:#f9fafb}.feature-title,.recent-name,.step-title{color:#f9fafb}.feature-description,.recent-details,.step-description{color:#d1d5db}.feature-icon,.recent-icon{background:#4b5563}}.camera-screen{background:#000;bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.camera-screen.error{align-items:center;background:#1f2937;display:flex;justify-content:center;padding:2rem}.camera-container{background:#000;height:100vh;position:relative;width:100%}.camera-preview{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.camera-preview.hidden{opacity:0}.camera-loading{align-items:center;background:#000;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:1rem;width:50px}.camera-controls-top{align-items:center;background:linear-gradient(180deg,#0009,#0000);display:flex;justify-content:space-between;left:0;padding:calc(1rem + env(safe-area-inset-top)) 1rem 1rem;position:absolute;right:0;top:0;z-index:100}.control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;touch-action:manipulation;transition:all .2s ease;width:50px}.control-btn:hover{background:#000c;transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.control-btn:disabled{cursor:not-allowed;opacity:.5}.camera-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:2rem;display:flex;padding:.5rem 1rem}.camera-mode{color:#fff;font-size:.875rem;font-weight:600}.document-guide{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:50}.guide-frame{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:2px solid #ffffff80;border-radius:8px;height:200px;position:relative;width:300px}.guide-corner{border:3px solid #10b981;height:20px;position:absolute;width:20px}.guide-corner.top-left{border-bottom:none;border-right:none;border-top-left-radius:8px;left:-3px;top:-3px}.guide-corner.top-right{border-bottom:none;border-left:none;border-top-right-radius:8px;right:-3px;top:-3px}.guide-corner.bottom-left{border-bottom-left-radius:8px;border-right:none;border-top:none;bottom:-3px;left:-3px}.guide-corner.bottom-right{border-bottom-right-radius:8px;border-left:none;border-top:none;bottom:-3px;right:-3px}.guide-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:1rem;color:#fff;font-size:.875rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;text-align:center;top:-3rem;transform:translateX(-50%);white-space:nowrap}.camera-controls-bottom{align-items:center;background:linear-gradient(0deg,#0009,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:2rem 1rem calc(2rem + env(safe-area-inset-bottom));position:absolute;right:0;z-index:100}.control-section{flex:1 1}.capture-section,.control-section{display:flex;justify-content:center}.capture-section{flex:0 0 auto;margin:0 1rem}.flash-btn,.gallery-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:1rem;color:#fff;display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;touch-action:manipulation;transition:all .2s ease}.flash-btn span:first-child,.gallery-btn span:first-child{font-size:1.5rem}.btn-label{font-size:.75rem;font-weight:600}.flash-btn:hover,.gallery-btn:hover{background:#000c;transform:translateY(-2px)}.flash-btn:active,.gallery-btn:active{transform:translateY(0)}.capture-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:4px solid #fff;border-radius:50%;display:flex;height:80px;justify-content:center;touch-action:manipulation;transition:all .2s ease;width:80px}.capture-btn:hover{background:#ffffff4d;transform:scale(1.1)}.capture-btn:active{transform:scale(.95)}.capture-btn.capturing{animation:pulse 1s infinite;background:#ef4444;border-color:#ef4444}.capture-btn:disabled{cursor:not-allowed;opacity:.5}.capture-inner{background:#fff;border-radius:50%;height:60px;transition:all .2s ease;width:60px}.capture-btn:hover .capture-inner{transform:scale(.9)}.capture-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.capture-instructions{bottom:150px;left:0;padding:0 1rem;position:absolute;right:0;text-align:center;z-index:50}.instruction-text{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem;text-shadow:0 2px 4px #00000080}.instruction-subtext{color:#fffc;font-size:.875rem;text-shadow:0 2px 4px #00000080}.error-container{max-width:400px;text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem}.error-title{color:#ef4444;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.error-message{color:#d1d5db;line-height:1.5;margin-bottom:2rem}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:480px){.guide-frame{height:160px;width:250px}.capture-btn{height:70px;width:70px}.capture-inner{height:50px;width:50px}.camera-controls-bottom{padding:1.5rem .5rem}.control-section{flex:0 0 auto}}@media (orientation:landscape){.guide-frame{height:160px;width:400px}.capture-instructions{bottom:120px}}@media (prefers-contrast:high){.control-btn,.flash-btn,.gallery-btn{border:2px solid #fff}.guide-corner,.guide-frame{border-color:#fff}}@media (prefers-reduced-motion:reduce){.capture-btn.capturing,.capture-spinner,.loading-spinner{animation:none}.capture-btn:hover,.control-btn:hover{transform:none}}.processing-screen{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding-bottom:2rem}.processing-header{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 8px #2563eb4d;color:#fff;display:flex;justify-content:space-between;padding:1rem}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.back-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.processing-title{font-size:1.25rem;font-weight:700;margin:0;text-align:center}.header-spacer{width:80px}.media-preview-container{display:flex;justify-content:center;padding:1.5rem 1rem}.media-preview{background:#fff;border-radius:1rem;box-shadow:0 8px 24px #00000026;max-width:400px;overflow:hidden;position:relative;width:100%}.preview-image{display:block;height:auto;max-height:300px;object-fit:cover;width:100%}.video-preview{align-items:center;background:#1f2937;color:#fff;display:flex;flex-direction:column;height:200px;justify-content:center}.video-icon{font-size:3rem;margin-bottom:1rem}.video-text{font-size:1.125rem;font-weight:600}.preview-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;padding:1rem;position:absolute;right:0}.media-info{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between}.processing-status{padding:0 1rem 1.5rem}.status-container{background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;padding:2rem;text-align:center}.status-title{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.processing-active{align-items:center;display:flex;flex-direction:column;gap:1rem}.status-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:50px;width:50px}.status-text{color:#2563eb;font-size:1.125rem;font-weight:600}.progress-container{max-width:300px;width:100%}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .5s ease}.progress-text{color:#6b7280;font-size:.875rem;font-weight:600}.processing-error{align-items:center;display:flex;flex-direction:column;gap:1rem}.error-icon{font-size:3rem}.error-message{color:#ef4444;font-size:1rem;font-weight:600;max-width:300px;text-align:center}.processing-ready{align-items:center;display:flex;flex-direction:column;gap:1rem}.ready-icon{font-size:3rem}.ready-text{color:#10b981;font-size:1.125rem;font-weight:600}.processing-steps{padding:0 1rem 1.5rem}.steps-title{color:#1f2937;font-size:1.125rem;font-weight:700;margin:0 0 1rem;text-align:center}.steps-list{background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;padding:1.5rem}.step-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;padding:1rem 0}.step-item:last-child{border-bottom:none}.step-indicator{background:#d1d5db;border-radius:50%;flex-shrink:0;height:12px;margin-top:.25rem;transition:all .3s ease;width:12px}.step-item.completed .step-indicator{background:#10b981;box-shadow:0 0 0 3px #10b98133}.step-item.active .step-indicator{animation:pulse 2s infinite;background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.step-item.pending .step-indicator{background:#d1d5db}.step-content{flex:1 1}.step-title{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.step-item.completed .step-title{color:#10b981}.step-item.active .step-title{color:#f59e0b}.step-description{color:#6b7280;font-size:.875rem;margin:0}.processing-actions{padding:0 1rem 1.5rem}.error-actions,.processing-actions-active,.ready-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:1rem 2rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.btn-primary:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-secondary{background:#6b7280;box-shadow:0 4px 12px #6b72804d;color:#fff}.btn-secondary:hover{background:#4b5563;transform:translateY(-2px)}.processing-info{padding:0 1rem}.info-title{color:#1f2937;font-size:1.125rem;font-weight:700;margin:0 0 1rem;text-align:center}.info-text{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:.5rem;color:#92400e;font-size:.875rem;line-height:1.5;margin:0 0 1rem;padding:1rem}.tech-specs{background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;padding:1rem}.spec-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.5rem 0}.spec-item:last-child{border-bottom:none}.spec-label{color:#6b7280;font-size:.875rem;font-weight:500}.spec-value{color:#1f2937;font-size:.875rem;font-weight:600}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.processing-header{padding:.75rem}.processing-title{font-size:1.125rem}.media-preview-container,.status-container,.steps-list{padding:1rem}.error-actions,.ready-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.media-info{align-items:flex-start;flex-direction:column;gap:.5rem}.step-item{padding:.75rem 0}.spec-item{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (prefers-contrast:high){.status-container,.steps-list,.tech-specs{border:2px solid #1f2937}.btn-primary,.btn-secondary{border:2px solid}}@media (prefers-color-scheme:dark){.processing-screen{background:linear-gradient(135deg,#111827,#1f2937)}.status-container,.steps-list,.tech-specs{background:#374151}.info-title,.status-title,.step-title,.steps-title{color:#f9fafb}.spec-label,.step-description{color:#d1d5db}.spec-value{color:#f9fafb}}@media (prefers-reduced-motion:reduce){.status-spinner,.step-item.active .step-indicator{animation:none}.btn-primary:hover,.btn-secondary:hover{transform:none}}
/*# sourceMappingURL=main.e64c7fdc.css.map*/