html{height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";margin:0;background-color:#f9fafb;color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.site-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 1rem}.header-content{max-width:72rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:4rem;padding:.5rem 0}.logo{max-height:3rem;width:auto}.main-nav{display:flex;align-items:center}.main-nav>*:not(:first-child){margin-left:1.5rem}.nav-link{color:#374151;font-size:.875rem;font-weight:600}.nav-link:hover{color:#f97316}.main-content{max-width:64rem;margin:0 auto;padding:2rem 1rem 5rem 1rem}.hero{text-align:center;margin-bottom:3rem}.hero h1{font-size:2.25rem;font-weight:bold;margin-bottom:1rem}.hero p{font-size:1.125rem;color:#4b5563}.feature-list{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1.5rem;margin-bottom:3rem}.feature-item{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:1.5rem;text-align:center;flex:0 1 calc(33.333% - 1.5rem);box-sizing:border-box}.feature-item h2{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}@media(max-width: 768px){.feature-item h2{font-size:1.2rem}}.feature-item h2 img.emoji{height:1.5em;width:1.5em;margin:0;vertical-align:-0.1em}.feature-item p{color:#6b7280;line-height:1.5}@media(max-width: 768px){.feature-item{flex:1 1 100%}}.dropzone-wrapper{background-color:#fff;border-radius:.5rem;border:none;padding:2.5rem;text-align:center;margin-bottom:3rem}.dropzone-form h2{font-size:1.5rem;font-weight:bold;margin-bottom:1rem}.dropzone-form p{color:#6b7280;font-size:.875rem}.how-it-works{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:1.5rem;margin-bottom:3rem;text-align:center}.how-it-works h2{font-size:1.5rem;font-weight:bold;margin-bottom:1.5rem}.how-it-works ol{list-style:none;padding:0;margin:0 auto;max-width:42rem;text-align:left;color:#374151}.how-it-works ol li{margin-bottom:1rem}.pro-cta{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:1.5rem;text-align:center}.pro-cta h2{font-size:1.5rem;font-weight:bold;margin-bottom:1rem}.pro-cta p{color:#4b5563;margin-bottom:1rem}.button,.upload-button,.button-danger{border-radius:.4rem}.button{display:inline-block;background-color:#ff5722;color:#fff;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;font-size:.875rem;font-weight:500;border:none;box-sizing:border-box}.button:hover{background-color:#e64a19}.button-paypal{background-color:#0070ba;margin-top:.5rem}.button-paypal:hover{background-color:#005ea6}.payment-card{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.05);padding:2rem;margin:2rem auto;max-width:72rem;position:relative}.payment-selection{margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.plan-summary{background:linear-gradient(135deg, #ffffff 0%, #fefefe 100%);border-radius:.75rem;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid rgba(249,115,22,.1)}.plan-summary h2{margin-top:0;margin-bottom:1.25rem;color:#1f2937;font-weight:700}.plan-summary .plan-price{font-size:2.25rem;font-weight:800;color:#ff5722;margin-bottom:1.75rem}.plan-summary .plan-price span{font-size:1.1rem;font-weight:500;color:#6b7280}.plan-summary .plan-price .save-badge{display:inline-block;background:linear-gradient(135deg, #10b981 0%, #059669 100%);color:#fff;padding:.375rem .875rem;border-radius:1.25rem;font-size:.8rem;font-weight:700;margin-left:.75rem;box-shadow:0 2px 8px rgba(16,185,129,.25)}.plan-summary .plan-features h3{font-size:1rem;margin-bottom:.75rem;color:#374151}.plan-summary .plan-features ul{list-style:none;padding:0;margin:0}.plan-summary .plan-features ul li{padding:.25rem 0;color:#6b7280}.payment-methods{background-color:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.05);min-height:28rem}.payment-methods h3{margin-top:0;margin-bottom:1.75rem;color:#1f2937;font-weight:700;font-size:1.125rem}.payment-option{margin-bottom:1.75rem;position:relative;z-index:1}.payment-option input[type=radio]{display:none}.payment-option .payment-label{display:flex;align-items:center;padding:1.75rem;border:2px solid #e5e7eb;border-radius:.875rem;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);background:#fff;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);min-height:5rem}.payment-option .payment-label:hover{background:#fffbfb;border-color:#fa9}.payment-option .payment-label::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 87, 34, 0.05) 0%, rgba(255, 87, 34, 0.1) 100%);opacity:0;transition:opacity .3s ease}.payment-option input[type=radio]:checked+.payment-label{border-color:#ff5722;background:#fffcfc;transform:translateY(-3px)}.payment-option input[type=radio]:checked+.payment-label::before{opacity:0}.payment-option input[type=radio]:checked+.payment-label .payment-icon{transform:scale(1.05);background:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);border:1px solid rgba(59,130,246,.2);filter:drop-shadow(0 3px 6px rgba(59, 130, 246, 0.15))}.payment-option input[type=radio]:checked+.payment-label .payment-details h4{color:#e64a19;font-weight:700}.payment-option .payment-icon{font-size:2.5rem;margin-right:1.75rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:linear-gradient(135deg, #f8fcff 0%, #f0f8ff 100%);border:1px solid rgba(0,123,255,.1)}.payment-option .payment-icon .payment-icon-img{width:2rem;height:2rem;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1))}.payment-option .payment-icon-card{background:linear-gradient(135deg, #f4f9ff 0%, #ecf4ff 100%) !important}.payment-option input[type=radio]:checked+.payment-label .payment-icon-card{background:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important}.payment-option .payment-details{flex:1}.payment-option .payment-details h4{margin:0 0 .625rem 0;color:#1f2937;font-size:1.25rem;font-weight:700;transition:color .3s ease}.payment-option .payment-details p{margin:0;color:#6b7280;font-size:.95rem;line-height:1.5}.payment-option input[type=radio]:checked+.payment-label::after{content:"✓";position:absolute;top:1.25rem;right:1.25rem;width:1.75rem;height:1.75rem;background:linear-gradient(135deg, #ff5722 0%, #e64a19 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;animation:checkmark .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);box-shadow:0 2px 8px rgba(255,87,34,.3)}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(-45deg);opacity:.8}100%{transform:scale(1) rotate(0deg);opacity:1}}.payment-actions{margin-top:2.5rem;text-align:center;display:flex;gap:1rem;justify-content:center;align-items:center;min-height:7rem;width:100%}.payment-actions .button{margin:0;padding:.875rem 1.75rem;border-radius:.75rem;font-weight:600;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);font-size:1rem}.payment-actions .button-primary{background:linear-gradient(135deg, #ff5722 0%, #e64a19 100%);border:none;color:#fff}.payment-actions .button-primary:hover{background:linear-gradient(135deg, #e64a19 0%, #d84315 100%);transform:translateY(-2px)}.payment-actions .button-primary:active{transform:translateY(0)}.payment-actions .button-secondary{background:linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);color:#6b7280;border:1.5px solid #d1d5db}.payment-actions .button-secondary:hover{background:linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);color:#4b5563;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}@media(max-width: 768px){.payment-selection{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.payment-card{padding:2rem .5rem}.plan-summary,.payment-methods{padding:1.5rem 1rem}.payment-option .payment-label{padding:1.25rem}.payment-option .payment-details h4{font-size:1.2rem}.cancellation-actions .form-actions{flex-direction:column;align-items:center}.cancellation-actions .form-actions .button{width:100%;max-width:280px}.payment-actions{flex-direction:column;gap:.75rem}.payment-actions .button{width:100%}}.button-upload{margin-top:1.5rem}.site-footer{text-align:center;padding:1.5rem 0;color:#9ca3af;font-size:.875rem;margin-top:auto}.footer-link{text-decoration:underline}.footer-link:hover{color:#f97316}.flash-messages{padding:1rem;text-align:center}.flash-messages .notice,.flash-messages .alert{margin:0 0 .5rem 0;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;display:inline-block;max-width:100%}.flash-messages .notice{background-color:#e0f2fe;color:#0c4a6e;border:1px solid #bae6fd}.flash-messages .alert{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.flash-messages p:empty{display:none}.auth-page{padding:3rem 1rem}.auth-container{max-width:28rem;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.auth-container h2{text-align:center;margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;font-weight:bold}.auth-form .form-field{margin-bottom:1rem}.auth-form .form-field label{display:block;margin-bottom:.25rem;font-weight:500;font-size:.875rem}.auth-form .form-field .form-input{display:block;width:100%;padding:.8rem .75rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.375rem;box-sizing:border-box}.auth-form .form-field .form-input:focus{outline:none}.auth-form .form-field-checkbox{display:flex;align-items:center;margin-bottom:1rem}.auth-form .form-field-checkbox label{margin-bottom:0;margin-left:.5rem}.auth-form .form-field-checkbox .form-checkbox{width:1rem;height:1rem}.auth-form .form-actions{margin-top:1.5rem;text-align:center}.auth-form .form-actions .button{width:100%;padding:.85rem 1rem}.auth-links{margin-top:1.5rem;text-align:center;font-size:.875rem}.auth-links a{color:#ff5722;text-decoration:underline;margin:0 .25rem}.auth-links a:hover{color:#e64a19}.password-hint{font-size:.75rem;color:#6b7280;font-style:normal;margin-left:.5rem}.auth-links-list{margin-top:1rem;text-align:center}.auth-links-list .auth-link{color:#ff5722;text-decoration:underline;margin:0 .5rem;font-size:.875rem;display:inline-block;padding:.25rem 0}.auth-links-list .auth-link:hover{color:#e64a19}.social-logins{margin-top:1rem;text-align:center}.social-logins .social-button{display:inline-block;margin:.25rem;padding:.5rem 1rem;border:1px solid #d1d5db;background-color:#fff;border-radius:.375rem;font-size:.875rem;color:#374151;cursor:pointer}.social-logins .social-button:hover{background-color:#f9fafb}.auth-errors{margin-bottom:1.5rem;padding:.75rem 1rem;border-radius:.375rem;background-color:#fee2e2;border:1px solid #fecaca}.auth-errors .auth-errors-header{color:#991b1b;font-weight:500;margin-bottom:.5rem}.auth-errors .auth-errors-list{margin:0;padding-left:1.5rem}.auth-errors .auth-errors-list li{color:#991b1b;font-size:.875rem;margin-bottom:.25rem}.field-hint{font-size:.75rem;color:#6b7280;font-weight:normal;margin-left:.5rem}.form-info{background-color:#e0f2fe;color:#0c4a6e;padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem}.auth-notice{margin-bottom:1.5rem;padding:.75rem 1rem;border-radius:.375rem;background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534;font-size:.875rem}.action-links{text-align:center;margin-top:1.5rem}.action-links a{color:#6b7280;font-size:.875rem;text-decoration:underline}.action-links a:hover{color:#374151}.action-links a.danger-link:hover{color:#dc2626}.static-page{max-width:64rem;margin:0 auto;padding:2rem 1rem 5rem 1rem}.static-page.account-page{background:#f9fafb;min-height:100vh;max-width:none;margin:0;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center}.static-page-header{text-align:center;margin-bottom:1rem}.static-page-header h1{font-size:2rem;font-weight:bold;margin-bottom:.5rem}.static-page-header .subtitle{font-size:1.25rem;color:#6b7280}@media(max-width: 600px){.static-page-header h1{font-size:1.8rem}}.content-section{max-width:50rem;margin:0 auto}.content-section h2{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:1rem;color:#1f2937}.content-section p,.content-section ul,.content-section ol{margin-bottom:1.5rem;line-height:1.6}.content-section ul,.content-section ol{padding-left:1.5rem}.content-section ul li,.content-section ol li{margin-bottom:.5rem}.content-section a{color:#ff5722;text-decoration:underline}.content-section a:hover{color:#e64a19}.pro-features{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem}.feature-card{flex:0 1 calc(33.333% - 1.5rem);background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:1.5rem;text-align:center}@media(max-width: 768px){.feature-card{flex:1 1 100%}}.feature-card .feature-icon{width:1.5em;height:1.5em;vertical-align:middle;margin-right:.5em}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#1f2937}.feature-card p{color:#4b5563;font-size:.875rem}.feature-icon{display:inline-block;font-size:1.2em;margin-right:.5rem;vertical-align:middle;line-height:1}.feature-icon[src$=".svg"]{width:1.1em;height:1.2em;font-size:inherit}.feature-icon.feature-icon-lightning,.feature-icon.feature-icon-lock{width:1.2em;height:1.3em}.pricing-section{display:flex;justify-content:center;gap:2rem;margin:3rem 0}@media(max-width: 768px){.pricing-section{flex-direction:column;align-items:center}}.pricing-comparison{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:3rem 0}@media(max-width: 992px){.pricing-comparison{gap:1rem}}@media(max-width: 768px){.pricing-comparison{flex-direction:column;align-items:center}}.plan-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);padding:2rem;width:100%;max-width:18rem;position:relative}.plan-card.plan-card-highlight{border:2px solid #ff5722;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.plan-card .plan-header{text-align:center;margin-bottom:1.5rem}.plan-card .plan-header h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.plan-card .price{font-size:2.25rem;font-weight:bold;color:#1f2937}.plan-card .price span{font-size:.875rem;color:#6b7280;font-weight:normal}@media(max-width: 600px){.plan-card .price{font-size:1.8rem}}.plan-card .plan-badge{position:absolute;top:-0.75rem;left:50%;transform:translateX(-50%);background-color:#ff5722;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:1rem}.plan-card .save-badge{display:inline-block;background-color:#10b981;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;margin-top:.5rem}.plan-features{list-style:none;padding:0;margin:0 0 1.5rem 0}.plan-features li{padding:.5rem 0;color:#4b5563;font-size:.875rem}.plan-cta{text-align:center;margin-top:1.5rem}.plan-cta .button{width:100%;box-sizing:border-box;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button-large{padding:.75rem 1.5rem;font-size:1rem}.button-secondary{background-color:#f9fafb;color:#374151;border:1px solid #d1d5db}.button-secondary:hover{background-color:#f3f4f6;color:#111827}.button-outline{background-color:rgba(0,0,0,0);border:1px solid #ff5722;color:#ff5722}.button-outline:hover{background-color:rgba(255,87,34,.05)}.enterprise-section{text-align:center;margin:4rem 0 2rem}.enterprise-section h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.enterprise-section p{color:#4b5563;margin-bottom:1.5rem}.faq-section{margin:4rem 0}.faq-section h2{text-align:center;font-size:1.875rem;font-weight:700;margin-bottom:2rem}@media(max-width: 600px){.faq-section h2{font-size:1.825rem}}.faq-item{border-bottom:1px solid #e5e7eb;padding:1.5rem 0}.faq-item h4{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#1f2937}.faq-item p{color:#4b5563}.dropzone-area{border:2px dashed #d1d5db;border-radius:.5rem;padding:2.5rem;text-align:center;transition:all .2s ease;background-color:#fff;cursor:pointer}.dropzone-area.drag-active{border-color:#ff5722;background-color:rgba(255,87,34,.05)}.main-progress-container{margin:1.5rem 0;padding:1rem;background-color:hsla(0,0%,100%,.9);border-radius:.5rem;border:1px solid #e5e7eb}.main-progress-bar{width:100%;height:8px;background-color:#f3f4f6;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.main-progress-fill{height:100%;background-color:#ff5722;border-radius:4px;transition:width .3s ease;background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);background-size:20px 20px;animation:progress-animation 1s linear infinite}.main-progress-text{font-size:.875rem;color:#4b5563;font-weight:500;text-align:center;display:inline-flex;align-items:center;gap:.5rem}.main-progress-container.is-complete{background-color:#ecfdf5;border-color:#a7f3d0}.main-progress-container.is-complete .main-progress-text{color:#065f46;font-weight:600}.main-progress-container.is-complete .main-progress-text .check-icon{display:inline-flex;justify-content:center;align-items:center;width:22px;height:22px;border-radius:50%;background-color:#10b981;color:#ecfdf5;font-weight:700;line-height:1;font-size:.9rem}.main-progress-container.is-complete .main-progress-text .label{letter-spacing:.01em}.main-progress-container.is-complete .main-progress-bar{display:none}@keyframes progress-animation{0%{background-position:0 0}100%{background-position:20px 0}}.previews-wrapper{position:relative;margin:1.5rem 0}.upload-previews{display:flex;gap:1rem;padding:1rem 2.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none}.upload-previews::-webkit-scrollbar{display:none}.image-preview{flex-shrink:0;width:120px;border-radius:.375rem;overflow:hidden;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);position:relative}.image-preview img{width:100%;height:90px;object-fit:cover;display:block}.image-preview .image-info{padding:.5rem;font-size:.75rem}.image-preview .image-info .image-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-preview .image-info .image-size{color:#6b7280;margin-top:.25rem}.image-preview .image-status{position:absolute;top:.25rem;right:.25rem;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;background-color:rgba(0,0,0,.5);color:#fff;min-width:80px;text-align:center}.image-preview .image-status.status-completed{background-color:rgba(16,185,129,.8)}.image-preview .image-status.status-failed{background-color:rgba(239,68,68,.8)}.image-preview .image-status.status-processing{background-color:rgba(59,130,246,.8);padding:.25rem}.image-preview .image-status.status-pending{background-color:rgba(156,163,175,.8);padding:.25rem}.image-preview .image-status .progress-container{background-color:hsla(0,0%,100%,.3);border-radius:.125rem;height:4px;margin-bottom:.25rem;overflow:hidden}.image-preview .image-status .progress-container .progress-bar{background-color:hsla(0,0%,100%,.9);height:100%;transition:width .3s ease;border-radius:.125rem}.image-preview .image-status .status-text{font-size:.65rem;font-weight:500}.scroll-button-left,.scroll-button-right{position:absolute;top:50%;transform:translateY(-50%);background-color:hsla(0,0%,100%,.9);border:1px solid #e5e7eb;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.5rem;font-weight:bold;color:#374151;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;line-height:1;padding-bottom:3px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease}.scroll-button-left:hover,.scroll-button-right:hover{background-color:#fff;border-color:#d1d5db}.scroll-button-left[hidden],.scroll-button-right[hidden]{display:none}.scroll-button-left{left:0}.scroll-button-right{right:0}@media(hover: none){.scroll-button-left,.scroll-button-right{display:none !important}.upload-previews{padding:1rem 0}}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem;text-align:center}.page-title{font-size:2rem;font-weight:bold;margin-bottom:1.5rem;text-align:center}@media(max-width: 600px){.page-title{font-size:1.8rem}}.uploads-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}@media(min-width: 600px){.uploads-grid{margin:-0.75rem}}.upload-card{background:#fff;border-radius:.5rem;box-shadow:0 2px 5px rgba(0,0,0,.1);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;flex:0 0 100%}@media(min-width: 600px){.upload-card{flex:0 0 calc(50% - 1.5rem);margin:.75rem}}@media(min-width: 900px){.upload-card{flex:0 0 calc(33.333% - 1.5rem)}}@media(min-width: 1200px){.upload-card{flex:0 0 calc(25% - 1.5rem)}}.upload-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.upload-image-container{height:200px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.upload-image{max-width:100%;max-height:100%;object-fit:contain}.no-preview{color:#999;font-size:.9rem}.upload-card-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1}.upload-filename{font-weight:600;font-size:.9rem;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-date{color:#666;font-size:.8rem;margin-bottom:.75rem}.upload-card-footer{margin-top:auto;padding-top:.5rem;display:flex;justify-content:space-between;align-items:center}.status-badge{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:1rem}.status-pending{background-color:#fff8e1;color:#f57f17}.status-processing{background-color:#e3f2fd;color:#1565c0}.status-completed{background-color:#e8f5e9;color:#2e7d32}.status-failed{background-color:#ffebee;color:#c62828}.view-details-link{color:#2563eb;font-size:.85rem;text-decoration:none}.view-details-link:hover{text-decoration:underline}.empty-state{text-align:center;padding:3rem 1rem}.empty-state p{color:#666;margin-bottom:1rem}.primary-button{display:inline-block;background-color:#2563eb;color:#fff;font-weight:bold;padding:.5rem 1rem;border-radius:.25rem;text-decoration:none}.primary-button:hover{background-color:#1d4ed8}.upload-detail-container{max-width:1000px;margin:3rem auto;padding:0 1rem}.upload-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.upload-header h1{font-size:1.75rem;margin:0}.upload-header .back-link{color:#4f46e5;text-decoration:none;display:flex;align-items:center}.upload-header .back-link:hover{text-decoration:underline}.upload-header .back-link:before{content:"←";margin-right:.5rem}.upload-detail-card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden;display:flex;flex-direction:column}@media(min-width: 768px){.upload-detail-card{flex-direction:row}}.upload-image-large{flex:1;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}@media(min-width: 768px){.upload-image-large{max-width:60%}}.upload-image-large img.detail-image{max-width:100%;max-height:500px;object-fit:contain}.upload-image-large .placeholder{padding:2rem;color:#6b7280;font-size:1.25rem}.upload-info-detail{flex:1;padding:1.5rem}.upload-info-detail h2{font-size:1.25rem;margin-top:0;margin-bottom:1.25rem;word-break:break-all}.detail-row{display:flex;margin-bottom:1rem;align-items:baseline}.detail-label{flex:0 0 40%;font-weight:500;color:#4b5563}.detail-value{flex:0 0 60%}.detail-value.status{font-weight:500}.detail-value.status.completed{color:#10b981}.detail-value.status.processing,.detail-value.status.pending{color:#f59e0b}.detail-value.status.failed{color:#ef4444}.download-actions{margin-top:1.5rem}.download-button,.nav-signup-button,.upload-button{display:inline-block;background-color:rgba(0,0,0,0);color:#ff5722;border:1.5px solid #ff5722;padding:.75rem 1.5rem;text-decoration:none;font-weight:500;transition:background-color .2s,color .2s;font-size:1rem;box-sizing:border-box}.download-button:hover,.nav-signup-button:hover,.upload-button:hover{background-color:rgba(255,87,34,.08);color:#e64a19;border-color:#e64a19}.nav-signup-button{padding:.5rem 1rem;font-size:.875rem}.download-button,.nav-signup-button{border-radius:.4rem}.processing-message,.error-message{margin-top:1.5rem;padding:1rem;border-radius:.375rem}.processing-message p,.error-message p{margin:.5rem 0}.processing-message{background-color:#fef3c7;color:#92400e}.error-message{background-color:#fee2e2;color:#b91c1c}.upload-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:.5rem;margin:1rem 0;font-size:.875rem;animation:fadeIn .3s ease-in-out;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.upload-error-close{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.25rem;font-weight:bold;line-height:1;padding:0;margin:0;flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.upload-error-close:hover{background-color:rgba(220,38,38,.1)}.upload-error-close:focus{outline:2px solid #dc2626;outline-offset:2px}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.logo-text{margin-left:.5rem;font-size:1.25rem;font-weight:600}.delete-button{display:inline-block;background-color:rgba(0,0,0,0);color:#ff5722;border:1.5px solid #ff5722;padding:.5rem 1.1rem;border-radius:.375rem;text-decoration:none;font-weight:500;font-size:.95rem;margin-left:.5rem;transition:background-color .2s,color .2s,border-color .2s;box-sizing:border-box;cursor:pointer}.delete-button:hover{background-color:rgba(255,87,34,.08);color:#e64a19;border-color:#e64a19}.account-status-badge{display:inline-block;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;border:1px solid}.account-status-badge.pro{background:#fff7ed;border-color:#ff5722;color:#e64a19}.account-status-badge.free{background:#f9fafb;border-color:#d1d5db;color:#6b7280}.auth-form .form-actions .button,.form-actions .button,.button.button-danger{width:100%;border-radius:.5rem}@media(max-width: 600px){.logo{max-height:2rem}.hero h1{font-size:1.8rem}.button{padding:.75rem .9rem}.nav-signup-button{padding:.4rem .9rem}.dropzone-form h2{font-size:1.4rem}.dropzone-wrapper{padding:1.8rem}.how-it-works h2,.pro-cta h2{font-size:1.3rem}.main-nav .nav-signup-button{display:none}.feature-icon{width:1.5em;height:1.5em}}.burger-menu{display:none;background:none;border:none;padding:.25rem;margin-left:.75rem;cursor:pointer;align-items:center;justify-content:center}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:hsla(0,0%,100%,.98);z-index:1000;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:5rem;box-shadow:0 4px 24px 0 rgba(16,30,54,.08)}.mobile-menu.open{display:flex}@media(max-width: 600px){.burger-menu{display:flex}.main-nav{display:flex;align-items:center}.mobile-menu{display:none}.mobile-menu.open{display:flex}.nav-link{display:none}.mobile-menu .nav-link,.mobile-menu .nav-signup-button{display:block;margin:1.2rem 0;font-size:1.2rem;color:#374151;background:none;border:none;text-align:center;width:100%;font-weight:500}.mobile-menu .nav-link:last-child{margin-bottom:0}}@media(min-width: 601px){.burger-menu,.mobile-menu{display:none !important}}@media(max-width: 600px){.feature-item h2{font-size:1.2rem}.feature-icon{display:flex;align-items:center;justify-content:center}}.account-page{min-height:100vh;background:#f9fafb;padding:2rem 1rem 2rem 1rem;display:flex;flex-direction:column;align-items:center}.account-container{background:#fff;border-radius:1.5rem;box-shadow:0 20px 40px rgba(0,0,0,.1);padding:0;width:100%;max-width:900px;position:relative;overflow:hidden;display:flex;min-height:500px}.account-container .account-status-badge{position:absolute;top:1.5rem;right:1.5rem;z-index:10}@media(max-width: 768px){.account-container{min-height:600px}.account-container h2{margin-top:4.5rem !important}.account-container .account-status-badge{top:6rem}}.account-container h2{text-align:center;font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 2rem 0}.account-container h2 svg{color:#667eea;vertical-align:middle;margin-right:.5rem}.account-sidebar{background:rgba(0,0,0,0);border-right:1px solid rgba(0,0,0,.1);padding:2rem 0;width:280px;flex-shrink:0}.account-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1.5rem}.account-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#6b7280;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;border-radius:.75rem;margin-bottom:.25rem}.account-nav-item:hover{background:rgba(0,0,0,.04);color:#374151}.account-nav-item.active{background:rgba(0,0,0,.04);color:#ff5722;font-weight:700}.account-nav-item .nav-icon{font-size:1.125rem;width:20px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.account-nav-item .nav-icon svg{stroke:#f97316 !important;fill:none !important}.account-nav-item .nav-icon img[src$=".svg"]{filter:none}.account-nav-item .account-nav-item .nav-icon img[src$=".svg"]{filter:none}.account-nav-item .account-nav-item.active .nav-icon img[src$=".svg"]{filter:brightness(0) saturate(100%) invert(45%) sepia(93%) saturate(1352%) hue-rotate(15deg) brightness(101%) contrast(101%) !important}.account-nav-item a.account-nav-item.active img.nav-icon{filter:brightness(0) saturate(100%) invert(45%) sepia(93%) saturate(1352%) hue-rotate(15deg) brightness(101%) contrast(101%) !important}.account-content{flex:1;padding:3rem;background:#fff}.account-tab{display:none}.account-tab.active{display:block}.auth-form .form-field{margin-bottom:1.5rem}.auth-form .form-field label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.95rem;color:#374151}.auth-form .form-field .form-input{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;transition:all .2s ease;box-sizing:border-box}.auth-form .form-field .form-input:focus{outline:none}.auth-form .form-field .form-input:hover{border-color:#d1d5db}.auth-form .form-field .field-hint{display:block;margin-top:.375rem;font-size:.875rem;color:#6b7280;font-style:italic}.auth-form .form-actions{margin-top:2rem}.auth-form .form-actions .button{background:linear-gradient(135deg, #ff5722 0%, #e64a19 100%);color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .2s ease;width:100%}.auth-form .form-actions .button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,87,34,.3)}.action-links{margin-top:2rem;text-align:center}.action-links .danger-link{color:#dc2626;text-decoration:none;font-weight:500;padding:.75rem 1.5rem;border:2px solid #dc2626;border-radius:.5rem;transition:all .2s ease;display:inline-block}.action-links .danger-link:hover{background:#dc2626;color:#fff}.auth-notice{background:linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);border:1px solid #10b981;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:#065f46;font-weight:500;text-align:center}.auth-errors{background:linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);border:1px solid #dc2626;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.auth-errors .auth-errors-header{color:#991b1b;font-weight:500;text-align:center}.form-info{background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);border:1px solid #f59e0b;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;text-align:center;color:#92400e;font-size:.875rem}.billing-info .current-plan{background:#f8fafc;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:2px solid #e2e8f0}.billing-info .current-plan h4{margin:0 0 1rem 0;font-size:1.125rem;font-weight:600;color:#1a202c}.billing-info .current-plan .plan-details{display:flex;justify-content:space-between;align-items:center}.billing-info .current-plan .plan-details .plan-name{font-weight:600;color:#374151;font-size:1rem}.billing-info .current-plan .plan-details .plan-price{font-weight:700;color:#ff5722;font-size:1.25rem}.billing-info .upgrade-section{text-align:center;padding:2rem 0}.billing-info .upgrade-section .button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;width:100%}.subscription-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.1)}.returning-subscriber-message{background:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);border:1px solid #93c5fd;border-radius:.5rem;padding:1rem;margin-bottom:1rem;color:#1e40af;font-weight:500;text-align:center}.account-status-badge.cancelled{background:#f9fafb;border-color:#d1d5db;color:#6b7280}.subscription-cancel-btn{background-color:#f3f4f6 !important;color:#6b7280 !important;border:1px solid #d1d5db !important}.subscription-cancel-btn:hover{background-color:#e5e7eb !important;color:#4b5563 !important;border-color:#9ca3af !important}.cancel-summary{margin-bottom:3rem;color:#374151;line-height:1.6}.cancel-summary p{margin-bottom:1.5rem;font-size:1rem}.cancel-summary p:last-child{margin-bottom:0}.current-plan-badge{display:inline-block;padding:.75rem 1.5rem;background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;border-radius:.5rem;font-weight:500;font-size:.875rem;text-align:center;cursor:default}.cancellation-actions{margin-bottom:3rem}.cancellation-actions .form-actions{display:flex;flex-direction:column;gap:1rem;width:100%}@media(min-width: 640px){.cancellation-actions .form-actions{flex-direction:row;justify-content:center;align-items:center}.cancellation-actions .form-actions .button{width:auto !important;min-width:240px}}.cancellation-actions .form-actions .button{width:100% !important;max-width:none !important;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;border-radius:.5rem;text-align:center;border:1px solid;text-decoration:none;display:block;cursor:pointer;box-sizing:border-box}.cancellation-actions .form-actions .button-secondary{background-color:#fff;color:#374151;border-color:#d1d5db}.cancellation-actions .form-actions .button-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.cancellation-actions .form-actions .button-danger{background-color:#dc2626 !important;color:#fff !important;border-color:#dc2626 !important}.cancellation-actions .form-actions .button-danger:hover{background-color:#b91c1c !important;border-color:#b91c1c !important}.cancel-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:3rem}.cancel-header h1{margin:0;font-size:2.25rem;font-weight:600;color:#111827;line-height:1.2}.cancel-header .account-status-badge{position:absolute;top:1.25rem;right:1.25rem;margin:0;padding:.5rem 1rem;font-size:.875rem;font-weight:500}@media(max-width: 768px){.cancel-header{gap:.75rem;text-align:left;align-items:flex-start}.cancel-header h1{font-size:2rem;margin-top:3rem}}.cancel-footer{text-align:center;color:#6b7280;font-size:.875rem;border-top:1px solid #e5e7eb;padding-top:2rem;margin-top:2rem}.cancel-footer p{margin:0}.cancel-footer .text-link{color:#3b82f6;text-decoration:underline}.cancel-footer .text-link:hover{color:#1d4ed8}.payment-card:has(.cancel-header){padding:3rem;max-width:600px}.button-danger{background-color:#dc2626 !important;color:#fff !important;border:1px solid #dc2626 !important}.button-danger:hover{background-color:#b91c1c !important;border-color:#b91c1c !important}.cancellation-confirm-btn{background-color:rgba(0,0,0,0) !important;color:#ff5722 !important;border:1.5px solid #ff5722 !important}.cancellation-confirm-btn:hover{background-color:rgba(255,87,34,.06) !important;color:#ff5722 !important;border-color:#ff5722 !important}@media(max-width: 600px){.account-page{padding:0}.account-page .static-page-header{margin-top:2rem}.account-container{flex-direction:column;max-width:500px}.account-sidebar{width:100%;border-right:none;padding:1rem 0}.account-nav{flex-direction:row;overflow-x:auto;gap:0;border-bottom:1px solid rgba(0,0,0,.08);padding-left:0;scrollbar-width:none;-ms-overflow-style:none}.account-nav::-webkit-scrollbar{display:none}.account-nav .account-nav-item{white-space:nowrap;min-width:120px;justify-content:center;margin-bottom:0;position:relative}.account-nav .account-nav-item:hover,.account-nav .account-nav-item.active{transform:none}.account-nav .account-nav-item.active{background:rgba(0,0,0,0)}.account-nav .account-nav-item.active::after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:#ff5722;border-radius:1px}.account-nav .account-nav-item .nav-icon{display:none}.account-content{padding:2rem}.billing-info .current-plan .plan-details{flex-direction:column;align-items:flex-start;gap:.5rem}}