*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#fafafa;color:#1a1a1a;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.yellow-elements-container{background:linear-gradient(180deg,#fff,#fafafa);height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.yellow-blob,.yellow-blob-1,.yellow-blob-2,.yellow-circle,.yellow-circle-1,.yellow-circle-2,.yellow-circle-3,.yellow-circle-4,.yellow-stripe,.yellow-stripe-1,.yellow-stripe-2{display:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes drift{0%,to{transform:translateX(0) rotate(-5deg)}50%{transform:translateX(50px) rotate(-5deg)}}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(0deg) scale(1)}25%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%;transform:rotate(5deg) scale(1.05)}50%{border-radius:50% 50% 30% 60%/40% 70% 60% 50%;transform:rotate(-5deg) scale(.95)}75%{border-radius:70% 30% 50% 50%/30% 50% 70% 50%;transform:rotate(3deg) scale(1.02)}}.lemon,.lemon-1,.lemon-10,.lemon-11,.lemon-12,.lemon-13,.lemon-14,.lemon-15,.lemon-2,.lemon-3,.lemon-4,.lemon-5,.lemon-6,.lemon-7,.lemon-8,.lemon-9,.lemon-container{display:none}@keyframes float{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(100px,-100px) rotate(15deg)}50%{transform:translate(50px,50px) rotate(-15deg)}75%{transform:translate(-80px,-50px) rotate(10deg)}to{transform:translate(0) rotate(0deg)}}.app-header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;padding:2rem 1rem 1.5rem;position:relative;text-align:center;z-index:10}.header-float,.header-float-1,.header-float-2,.header-float-3,.header-float-4,.header-float-5,.header-float-6,.header-float-7,.header-float-8,.header-floaters{display:none}@keyframes header-float{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(50px,-30px) rotate(10deg)}50%{transform:translate(25px,20px) rotate(-10deg)}75%{transform:translate(-40px,-20px) rotate(8deg)}to{transform:translate(0) rotate(0deg)}}.app-title{color:#1a1a1a;font-family:Georgia,Times New Roman,serif;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.app-subtitle,.app-title{position:relative;z-index:5}.app-subtitle{color:#666;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.app-main{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:3rem;justify-content:flex-start;margin:0 auto;max-width:1200px;padding:3rem 1rem;width:100%}.app-footer,.app-main{position:relative;z-index:10}.app-footer{background:#fff;border-top:1px solid #e0e0e0;color:#999;font-size:.85rem;font-weight:400;padding:1.5rem 1rem;text-align:center}@media (max-width:768px){.app-title{font-size:2rem;letter-spacing:-.01em}.app-subtitle{font-size:.85rem}.app-header{padding:1.5rem 1rem 1rem}.app-main{gap:2rem;padding:2rem 1rem}.lemon{font-size:2rem}}.transformer-container{margin:0 auto;max-width:900px;position:relative;width:100%}.toast-notification{animation:slideDown .3s ease-out;background:#1a1a1a;border-radius:4px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.95rem;font-weight:500;left:50%;padding:.875rem 1.5rem;position:fixed;top:80px;transform:translateX(-50%);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.ca-text{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;margin-bottom:2rem;padding:.75rem 1rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.ca-text:hover{background:#ececec;border-color:#d0d0d0}.ca-text:active{transform:scale(.98)}.ca-address{font-family:Courier New,monospace;font-size:.85rem;word-break:break-all}.transformer-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:2.5rem}.upload-section{margin-bottom:2rem;text-align:center}.upload-btn{background:#1a1a1a;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:0;padding:1rem 2.5rem;text-transform:none;transition:all .2s ease}.upload-btn:hover{background:#333;box-shadow:0 3px 6px #00000026}.upload-btn:active{transform:scale(.98)}.image-preview,.image-result{margin:2rem 0;text-align:center}.image-preview h3,.image-result h3{color:#1a1a1a;font-size:1.1rem;font-weight:600;letter-spacing:0;margin-bottom:1rem;text-transform:none}.image-preview img,.image-result img{border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #0000001a;max-height:500px;max-width:100%}.result-area{align-items:center;background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:center;margin:2rem 0;min-height:200px;padding:2rem}.placeholder-text{color:#999;font-size:1rem;font-weight:400;text-align:center}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.loading-text{color:#666;font-size:.95rem;font-weight:500}.error-text{background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#d32f2f;font-size:.95rem;padding:1rem;text-align:center}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:2rem}.download-btn,.transform-btn{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;letter-spacing:0;padding:.875rem 2rem;text-transform:none;transition:all .2s ease}.transform-btn{background:#1a1a1a;box-shadow:0 2px 4px #0000001a;color:#fff}.transform-btn:hover:not(:disabled){background:#333;box-shadow:0 3px 6px #00000026}.transform-btn:disabled{cursor:not-allowed;opacity:.5}.download-btn{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;color:#1a1a1a}.download-btn:hover{background:#f5f5f5;box-shadow:0 3px 6px #0000001a}.download-btn:active,.transform-btn:active{transform:scale(.98)}@media (max-width:768px){.transformer-card{border-radius:6px;padding:1.5rem}.download-btn,.transform-btn,.upload-btn{font-size:.95rem;padding:.875rem 1.5rem}.image-preview h3,.image-result h3{font-size:1rem}.result-area{min-height:150px;padding:1.5rem}.action-buttons{flex-direction:column;gap:.5rem}.download-btn,.transform-btn{width:100%}}.gallery-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-top:2rem;padding:2.5rem;width:100%}.gallery-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.gallery-header h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin:0;text-transform:none}.refresh-btn,.retry-btn{background:#1a1a1a;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;letter-spacing:0;padding:.625rem 1.25rem;text-transform:none;transition:all .2s ease}.refresh-btn:hover,.retry-btn:hover{background:#333;box-shadow:0 3px 6px #00000026}.refresh-btn:active,.retry-btn:active{transform:scale(.98)}.gallery-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.gallery-item{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;overflow:hidden;transition:all .2s ease}.gallery-item:hover{border-color:#ccc;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.gallery-image-wrapper{align-items:center;aspect-ratio:1;background:#f5f5f5;display:flex;justify-content:center;overflow:hidden}.gallery-image-wrapper img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-item:hover .gallery-image-wrapper img{transform:scale(1.1)}.gallery-item-info{background:#fafafa;border-top:1px solid #e0e0e0;padding:.75rem}.gallery-date{color:#999;font-size:.8rem;font-weight:400;margin:0;text-align:center}.gallery-empty,.gallery-error,.gallery-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.gallery-empty p,.gallery-error p,.gallery-loading p{color:#666;font-size:1.1rem;margin:0}.gallery-error p{color:#f44}.spinner{animation:spin .8s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#1a1a1a;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:1600px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:1200px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:768px){.gallery-container{border-radius:15px;padding:1.5rem}.gallery-header h2{font-size:1.5rem}.gallery-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.refresh-btn,.retry-btn{font-size:.8rem;padding:.5rem 1rem}}@media (max-width:480px){.gallery-grid{gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.gallery-header{align-items:stretch;flex-direction:column;gap:1rem}.refresh-btn{width:100%}}.modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#1a1a1a;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:400;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.modal-close:hover{background:#333;box-shadow:0 3px 6px #00000026}.modal-body{display:flex;flex-direction:column;gap:1.5rem;max-height:85vh;overflow-y:auto;padding:2rem}.modal-image-container{align-items:center;background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:center;padding:1rem}.modal-image-container img{border-radius:4px;box-shadow:0 2px 8px #0000001a;max-height:70vh;max-width:100%}.modal-actions{display:flex;gap:1rem;justify-content:center}.modal-download-btn{background:#1a1a1a;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;letter-spacing:0;padding:.875rem 2rem;text-transform:none;transition:all .2s ease}.modal-download-btn:hover{background:#333;box-shadow:0 3px 6px #00000026}.modal-download-btn:active{transform:scale(.98)}@media (max-width:768px){.modal-content{border-radius:15px;max-height:95vh;max-width:95vw}.modal-body{padding:1.5rem}.modal-close{font-size:1.3rem;height:35px;right:.5rem;top:.5rem;width:35px}.modal-download-btn{font-size:1rem;padding:.8rem 2rem;width:100%}.modal-image-container img{max-height:60vh}}
/*# sourceMappingURL=main.62cb77bc.css.map*/