body{background-color:#f4f4f4;font-family:Arial,sans-serif;font-size:16px;margin:0;padding:20px}.container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:auto;max-width:800px;padding:20px}h1{color:#333;font-size:2rem;margin-bottom:30px;padding-bottom:10px;text-align:center}.upload-section{margin-bottom:20px}.compression-options{display:flex;flex-direction:column;gap:15px}.compression-options .input-group{align-items:center;display:flex;gap:10px}.compression-options input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;flex:1 1;font-size:1rem;margin:0;padding:.5rem}.download-button-container{margin:20px 0;text-align:center}header{margin-bottom:20px;text-align:center}main{display:flex;flex-direction:column;gap:20px}.compression-options,.upload-section{background:#fff;border-radius:8px;padding:20px}.image-display-container{box-shadow:0 2px 10px #0000001a;display:flex;gap:20px;justify-content:space-between}.image-display{background-color:#fff;border-radius:8px;margin:20px 0;padding:15px;text-align:center}.image-display img{border-radius:8px;box-shadow:0 2px 10px #0003;height:auto;max-width:100%}.image-display h2{font-size:1.5rem}.image-display p{font-size:1rem}.image-display b{display:block;font-size:1rem;margin-top:.5rem}.button-group{display:flex;gap:15px;margin-top:15px}.compress-button,.download-button{border:none;border-radius:6px;box-shadow:0 .2rem .4rem #0000001a;cursor:pointer;flex:none;font-size:1rem;font-weight:600;padding:.75rem 1.25rem;transition:all .3s ease}.compress-button{background-color:#007bff;color:#fff}.compress-button:hover{background-color:#0056b3;transform:translateY(-.125rem)}.compress-button:active{background-color:#004494;transform:translateY(0)}.download-button{background-color:#28a745;color:#fff}.download-button:hover{background-color:#218838;transform:translateY(-.125rem)}.download-button:active{background-color:#1e7e34;transform:translateY(0)}.download-button:disabled{background-color:#ccc;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.input-fieldset{border:none;flex:1 1;margin:0;padding:0;position:relative}.input-fieldset legend{background:#fff;color:#555;display:none;font-size:.75rem;left:10px;padding:0 .3rem;position:absolute;top:-10px}.input-fieldset input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px;width:100%}.input-fieldset input:not(:placeholder-shown)+legend,.input-fieldset.has-value legend{display:block}.image-uploader{align-items:center;background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;box-sizing:border-box;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:200px;justify-content:center;padding:10px;text-align:center;transition:background-color .3s ease,border-color .3s ease;width:100%}.image-uploader:hover{background-color:#e6f7ff;border-color:#007bff;color:#007bff}.image-uploader.dragging{background-color:#e0f7fa;border-color:#007bff;color:#007bff}.image-section-box{font-size:1rem;line-height:1.5;pointer-events:none}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-size:.9rem;padding:8px;text-align:center}.uploading-status{color:#007bff;font-size:1.2rem;font-weight:700;text-align:center}@media (max-width:768px){.image-display-container{box-shadow:none;flex-direction:column;gap:10px}.image-display{margin:10px 0;padding:5px}.image-display img{height:auto;max-width:90%}header{margin-bottom:5px}.compression-options,.upload-section{margin:10px 0;padding:15px}.button-group{margin-top:10px}.image-uploader{font-size:.9rem;height:150px;padding:8px}.image-section-box{font-size:.85rem;line-height:1.4}.compression-options .input-group{align-items:stretch;flex-direction:column;gap:10px}.compress-button,.download-button{width:100%}}
/*# sourceMappingURL=main.684938ff.css.map*/