:root{--primary-color: #4a6bbd;--primary-hover: #3a5ba0;--secondary-color: #e74c3c;--secondary-hover: #c0392b;--light-gray: #f5f7fa;--dark-gray: #333;--medium-gray: #777;--border-color: #ddd}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#fafafa;line-height:1.6;color:var(--dark-gray)}.App{max-width:800px;margin:0 auto;padding:2rem 1rem}.App-header{text-align:center;margin-bottom:2rem}.App-header h1{color:var(--primary-color);margin-bottom:.5rem}.App-header p{color:var(--medium-gray)}main{display:flex;flex-direction:column;align-items:center}.App-footer{margin-top:2rem;text-align:center;color:var(--medium-gray);font-size:.9rem}.image-uploader{width:100%;max-width:500px;margin-bottom:2rem}.drop-area{border:2px dashed var(--border-color);padding:2rem;text-align:center;background-color:var(--light-gray);border-radius:8px;transition:all .3s ease;cursor:pointer}.drop-area.dragging{border-color:var(--primary-color);background-color:#4a6bbd0d}.file-input{display:none}.file-input-label{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.5rem 1.5rem;margin:1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.file-input-label:hover{background-color:var(--primary-hover)}.file-formats{color:var(--medium-gray);font-size:.8rem}.image-display{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.image-container{width:500px;height:500px;border:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 2px 5px #0000001a}.processed-image{max-width:100%;max-height:100%;display:block}.image-display.empty,.image-display.processing{height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--medium-gray);border:1px solid var(--border-color);border-radius:8px;background-color:var(--light-gray)}.image-info{margin-top:1rem;font-size:.9rem;color:var(--medium-gray)}.button-container{display:flex;gap:1rem;margin-top:1rem}.download-button{background-color:var(--primary-color);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.download-button:hover:not(:disabled){background-color:var(--primary-hover)}.download-button:disabled{background-color:var(--border-color);cursor:not-allowed}.clear-button{background-color:var(--secondary-color);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.clear-button:hover:not(:disabled){background-color:var(--secondary-hover)}.clear-button:disabled{background-color:var(--border-color);cursor:not-allowed}.error-message{color:var(--secondary-color);margin:1rem 0;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid rgba(74,107,189,.2);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 2s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}