.image-converter-container[data-v-81d47d4e]{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.upload-section[data-v-81d47d4e]{border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.upload-section.is-dragover[data-v-81d47d4e]{border-color:#4caf50;background-color:#4caf501a}.upload-label[data-v-81d47d4e]{display:flex;flex-direction:column;align-items:center;cursor:pointer}.upload-icon[data-v-81d47d4e]{color:#4caf50;margin-bottom:15px}.upload-label h3[data-v-81d47d4e]{margin:10px 0;color:#333}.upload-label p[data-v-81d47d4e]{margin:5px 0;color:#666;font-size:.9em}.progress-section[data-v-81d47d4e]{margin:20px 0}.progress-bar[data-v-81d47d4e]{height:10px;background-color:#f0f0f0;border-radius:5px;overflow:hidden}.progress-fill[data-v-81d47d4e]{height:100%;background-color:#4caf50;transition:width .3s ease}.progress-text[data-v-81d47d4e]{margin-top:5px;text-align:center;font-size:.9em;color:#666}.uploaded-files-section[data-v-81d47d4e]{margin-top:30px}.conversion-settings[data-v-81d47d4e]{background-color:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:20px}.form-group[data-v-81d47d4e]{margin-bottom:15px}.form-group label[data-v-81d47d4e]{display:block;margin-bottom:5px;font-weight:700}.form-control[data-v-81d47d4e]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.compression-options[data-v-81d47d4e]{display:flex;gap:15px}.radio-option[data-v-81d47d4e]{display:flex;align-items:center;gap:5px;cursor:pointer}.convert-button[data-v-81d47d4e]{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.convert-button[data-v-81d47d4e]:hover{background-color:#45a049}.convert-button[data-v-81d47d4e]:disabled{background-color:#ccc;cursor:not-allowed}.files-list[data-v-81d47d4e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.file-item[data-v-81d47d4e]{display:flex;border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s}.file-item[data-v-81d47d4e]:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.file-preview[data-v-81d47d4e]{width:80px;height:80px;overflow:hidden;flex-shrink:0}.file-preview img[data-v-81d47d4e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-info[data-v-81d47d4e]{padding:10px;flex-grow:1}.file-name[data-v-81d47d4e]{font-weight:700;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size[data-v-81d47d4e],.file-estimated[data-v-81d47d4e]{font-size:.8em;color:#666}.conversion-progress[data-v-81d47d4e]{margin-top:30px;background-color:#f5f5f5;padding:20px;border-radius:8px}.queue-info[data-v-81d47d4e]{margin-bottom:15px;padding:10px;background-color:#e3f2fd;border-radius:4px;color:#1976d2}.file-progress[data-v-81d47d4e]{margin-bottom:15px}.conversion-results[data-v-81d47d4e]{margin-top:30px}.result-actions[data-v-81d47d4e]{display:flex;gap:10px;margin-bottom:15px}.download-button[data-v-81d47d4e],.new-button[data-v-81d47d4e]{display:flex;align-items:center;gap:5px;padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.download-button[data-v-81d47d4e]{background-color:#2196f3;color:#fff}.download-button[data-v-81d47d4e]:hover{background-color:#0b7dda}.new-button[data-v-81d47d4e]{background-color:#f1f1f1;color:#333}.new-button[data-v-81d47d4e]:hover{background-color:#ddd}.results-list[data-v-81d47d4e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.result-item[data-v-81d47d4e]{display:flex;border:1px solid #ddd;border-radius:8px;padding:10px;position:relative;transition:transform .3s}.result-item[data-v-81d47d4e]:hover{transform:translateY(-3px)}.result-preview[data-v-81d47d4e]{width:60px;height:60px;overflow:hidden;flex-shrink:0;margin-right:10px}.result-preview img[data-v-81d47d4e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.result-info[data-v-81d47d4e]{flex-grow:1}.result-name[data-v-81d47d4e]{font-weight:700;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-size[data-v-81d47d4e],.result-savings[data-v-81d47d4e]{font-size:.8em;color:#666}.download-file-button[data-v-81d47d4e]{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:5px;padding:5px 10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s}.download-file-button[data-v-81d47d4e]:hover{background-color:#45a049}.history-section[data-v-81d47d4e]{margin-top:40px}.history-button[data-v-81d47d4e]{display:flex;align-items:center;gap:5px;padding:8px 15px;background-color:#673ab7;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.history-button[data-v-81d47d4e]:hover{background-color:#5e35b1}.history-list[data-v-81d47d4e]{margin-top:15px;max-height:400px;overflow-y:auto;border:1px solid #ddd;border-radius:8px;padding:10px}.history-item[data-v-81d47d4e]{display:flex;align-items:center;padding:10px;border-bottom:1px solid #eee;transition:background-color .3s}.history-item[data-v-81d47d4e]:last-child{border-bottom:none}.history-item[data-v-81d47d4e]:hover{background-color:#f5f5f5}.history-date[data-v-81d47d4e]{width:150px;font-size:.8em;color:#666}.history-filename[data-v-81d47d4e]{flex-grow:1;margin:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-conversion[data-v-81d47d4e]{width:100px;font-size:.8em;color:#2196f3;text-align:center}.history-size[data-v-81d47d4e]{width:70px;font-size:.8em;text-align:right}.history-download[data-v-81d47d4e]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer;color:#4caf50;border-radius:50%;transition:background-color .3s}.history-download[data-v-81d47d4e]:hover{background-color:#4caf501a}.loading-history[data-v-81d47d4e],.empty-history[data-v-81d47d4e]{padding:20px;text-align:center;color:#666}@keyframes fadeIn-81d47d4e{0%{opacity:0}to{opacity:1}}.file-item[data-v-81d47d4e],.result-item[data-v-81d47d4e],.history-item[data-v-81d47d4e]{animation:fadeIn-81d47d4e .5s ease-out}@keyframes pulse-81d47d4e{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.convert-button[data-v-81d47d4e]:not(:disabled){animation:pulse-81d47d4e 2s infinite}@media (max-width: 768px){.files-list[data-v-81d47d4e],.results-list[data-v-81d47d4e]{grid-template-columns:1fr}.history-item[data-v-81d47d4e]{flex-wrap:wrap}.history-date[data-v-81d47d4e],.history-filename[data-v-81d47d4e],.history-conversion[data-v-81d47d4e],.history-size[data-v-81d47d4e]{width:100%;margin-bottom:5px}}
