.file-compress-container[data-v-8d434cee]{width:100%;margin:0 auto;padding:20px}.tool-header[data-v-8d434cee]{text-align:center;margin-bottom:30px}.tool-header h2[data-v-8d434cee]{font-size:24px;margin-bottom:10px;color:var(--brand-500)}.tool-description[data-v-8d434cee]{font-size:16px;color:var(--text-2)}.tool-content[data-v-8d434cee]{background-color:var(--surface);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-1)}.upload-area[data-v-8d434cee]{border:2px dashed var(--border-2);border-radius:var(--radius-md);padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s;background-color:var(--surface-2)}.upload-area[data-v-8d434cee]:hover{border-color:var(--brand-500);background-color:var(--brand-50)}.upload-area.drag-over[data-v-8d434cee]{border-color:var(--brand-500);background-color:var(--brand-100)}.upload-icon[data-v-8d434cee]{font-size:48px;color:var(--text-3);margin-bottom:15px}.upload-text[data-v-8d434cee]{font-size:18px;font-weight:500;margin-bottom:5px}.upload-hint[data-v-8d434cee]{font-size:14px;color:var(--text-2)}.hidden[data-v-8d434cee]{display:none}.file-list[data-v-8d434cee]{margin-top:30px}.file-list-header[data-v-8d434cee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.file-list-header h3[data-v-8d434cee]{font-size:16px;font-weight:500}.btn-clear[data-v-8d434cee]{background:none;border:none;color:var(--text-2);cursor:pointer;font-size:14px;padding:5px 10px;border-radius:var(--radius-sm);transition:all .3s}.btn-clear[data-v-8d434cee]:hover{background-color:var(--surface-3);color:var(--text-1)}.file-items[data-v-8d434cee]{max-height:300px;overflow-y:auto}.file-item[data-v-8d434cee]{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid var(--border-1);border-radius:var(--radius-sm);margin-bottom:10px;background-color:var(--surface-2)}.file-info[data-v-8d434cee]{display:flex;align-items:center;flex:1}.file-icon[data-v-8d434cee]{font-size:20px;margin-right:10px;color:var(--brand-500)}.file-details[data-v-8d434cee]{flex:1;overflow:hidden}.file-name[data-v-8d434cee]{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size[data-v-8d434cee]{font-size:12px;color:var(--text-2)}.btn-remove[data-v-8d434cee]{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:16px;padding:5px 10px;border-radius:var(--radius-sm);transition:all .3s}.btn-remove[data-v-8d434cee]:hover{background-color:var(--danger-soft);color:var(--danger)}.compress-settings[data-v-8d434cee]{margin-top:30px;padding:20px;background-color:var(--surface-2);border-radius:var(--radius-md)}.compress-settings h3[data-v-8d434cee]{font-size:16px;font-weight:500;margin-bottom:15px}.settings-group[data-v-8d434cee]{margin-bottom:15px}.settings-group label[data-v-8d434cee]{display:block;margin-bottom:5px;font-size:14px;color:var(--text-1)}.form-select[data-v-8d434cee]{width:100%;padding:8px 12px;border:1px solid var(--border-1);border-radius:var(--radius-sm);font-size:14px;background-color:var(--surface);cursor:pointer}.action-buttons[data-v-8d434cee]{margin-top:20px;text-align:center}.btn[data-v-8d434cee]{padding:10px 20px;border-radius:var(--radius-sm);font-size:16px;cursor:pointer;transition:all .3s;border:none}.btn-primary[data-v-8d434cee]{background-color:var(--brand-500);color:var(--text-inverse)}.btn-primary[data-v-8d434cee]:hover:not(:disabled){background-color:var(--brand-600)}.btn-primary[data-v-8d434cee]:disabled{background-color:var(--border-2);cursor:not-allowed}.btn-success[data-v-8d434cee]{background-color:var(--success);color:var(--text-inverse)}.btn-success[data-v-8d434cee]:hover{background-color:#388e3c}.compression-result[data-v-8d434cee]{margin-top:30px;padding:20px;background-color:var(--success-soft);border-radius:var(--radius-md);border:1px solid #c8e6c9}.result-header h3[data-v-8d434cee]{font-size:18px;color:var(--success);margin-bottom:15px}.result-info[data-v-8d434cee]{display:flex;justify-content:space-between;align-items:center}.result-details[data-v-8d434cee]{flex:1}.result-name[data-v-8d434cee]{font-size:16px;font-weight:500;margin-bottom:5px;color:var(--text-1)}.result-size[data-v-8d434cee]{font-size:14px;color:var(--text-2)}.result-separator[data-v-8d434cee]{margin:0 10px;color:var(--text-3)}.loading-overlay[data-v-8d434cee]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content[data-v-8d434cee]{background-color:var(--surface);padding:40px;border-radius:var(--radius-md);text-align:center;width:90%;max-width:400px}.loading-spinner[data-v-8d434cee]{width:50px;height:50px;border:5px solid var(--surface-3);border-top:5px solid var(--brand-500);border-radius:50%;animation:spin-8d434cee 1s linear infinite;margin:0 auto 20px}@keyframes spin-8d434cee{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-bar[data-v-8d434cee]{width:100%;height:20px;background-color:var(--surface-3);border-radius:var(--radius-pill);margin-top:20px;position:relative;overflow:hidden}.progress-fill[data-v-8d434cee]{height:100%;background-color:var(--brand-500);transition:width .3s}.progress-text[data-v-8d434cee]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:500;color:var(--text-1)}@media (max-width:768px){.file-compress-container[data-v-8d434cee]{padding:10px}.upload-area[data-v-8d434cee]{padding:30px 15px}.upload-icon[data-v-8d434cee]{font-size:36px}.result-info[data-v-8d434cee]{flex-direction:column;align-items:flex-start;gap:15px}.btn[data-v-8d434cee],.result-details[data-v-8d434cee]{width:100%}.compress-settings[data-v-8d434cee],.tool-content[data-v-8d434cee]{padding:14px}.tool-header h2[data-v-8d434cee]{font-size:20px}.form-select[data-v-8d434cee]{font-size:16px}}@media (max-width:480px){.compress-settings[data-v-8d434cee],.tool-content[data-v-8d434cee]{padding:12px}.tool-header[data-v-8d434cee]{margin-bottom:20px}.tool-header h2[data-v-8d434cee]{font-size:18px}.tool-description[data-v-8d434cee]{font-size:14px}.upload-area[data-v-8d434cee]{padding:24px 12px}.upload-text[data-v-8d434cee]{font-size:16px}.compress-settings[data-v-8d434cee],.compression-result[data-v-8d434cee],.file-list[data-v-8d434cee]{margin-top:20px}.file-item[data-v-8d434cee]{padding:8px}.file-name[data-v-8d434cee]{font-size:13px}.loading-content[data-v-8d434cee]{padding:24px 20px}}