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-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;border-color:#ff5722}.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-header{text-align:center;margin-bottom:3rem}.static-page-header h1{font-size:2.5rem;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.4em;margin-right:.5rem;vertical-align:middle;line-height:1}.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)}.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}.image-preview .image-status.status-success{background-color:rgba(16,185,129,.8)}.image-preview .image-status.status-error{background-color:rgba(239,68,68,.8)}.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}.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:.4em 1em;border-radius:1em;font-size:.95rem;font-weight:600;margin-bottom:1rem;background:#f3f4f6;color:#374151}.account-status-badge.pro{background:#eb4b4d;color:#fff}.account-status-badge.free{background:#e0e7ef;color:#374151}.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}}