.top-bar[data-v-4b9bf45c]{height:60px;min-width:900px;position:sticky;top:0;left:0}.solid-bottom[data-v-4b9bf45c]{justify-content:space-between}.logo-section[data-v-4b9bf45c]{width:500px}.logo-image[data-v-4b9bf45c]{height:50px}.action-section[data-v-4b9bf45c]{width:300px}.convert-button[data-v-4b9bf45c]{width:120px;height:100%}.image-converter[data-v-5438ae3f]{width:1200px;padding:20px 22px;background:#fff;margin:25px auto}.upload-header[data-v-5438ae3f]{width:100%;border:1px dashed #bbb;display:flex;justify-content:center;padding:35px 0 27px;flex-direction:column;align-items:center;transition:border-color .3s}.upload-header--dragover[data-v-5438ae3f],.upload-header[data-v-5438ae3f]:hover{border-color:#f64;background:#fff8f6}.upload-header .upload-trigger[data-v-5438ae3f]{cursor:pointer}.upload-header .upload-trigger img[data-v-5438ae3f]{width:60px;transition:transform .3s}.upload-header .upload-trigger:hover img[data-v-5438ae3f]{transform:scale(1.1)}.upload-header .file-input[data-v-5438ae3f]{display:none}.upload-header .upload-title[data-v-5438ae3f]{font-size:16px;color:#f64;padding-top:10px;margin:0}.upload-header .upload-hint[data-v-5438ae3f]{color:#757575;font-size:14px;margin-top:8px}.red-link[data-v-5438ae3f]{color:#f64}.note-mark[data-v-5438ae3f]{margin-top:12px;text-align:center;color:#757575}.images-table-wrapper[data-v-5438ae3f]{padding:40px 0}.images-table[data-v-5438ae3f]{width:100%;border-collapse:collapse}.images-table thead tr[data-v-5438ae3f]{background:#f4f5f6;color:#333;line-height:35px;text-align:center}.images-table td[data-v-5438ae3f],.images-table th[data-v-5438ae3f]{padding:10px;text-align:center;vertical-align:middle}.images-table .col-thumbnail[data-v-5438ae3f]{width:200px}.images-table .col-name[data-v-5438ae3f]{width:180px}.images-table .col-format[data-v-5438ae3f]{width:120px}.images-table .col-convert[data-v-5438ae3f]{width:400px;text-align:center}.images-table .col-action[data-v-5438ae3f]{width:auto}.images-table .image-row[data-v-5438ae3f]{border-bottom:1px solid #f0f0f0}.images-table .image-row[data-v-5438ae3f]:hover{background:#fafafa}.images-table .col-thumbnail img[data-v-5438ae3f]{max-width:100%;max-height:120px;-o-object-fit:contain;object-fit:contain}.images-table .col-name p[data-v-5438ae3f]{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.images-table .format-options[data-v-5438ae3f]{display:flex;gap:4px;justify-items:center;align-items:center;padding:4px 0}.images-table .format-options .format-option[data-v-5438ae3f]{display:flex;align-items:center;gap:2px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:background .2s;white-space:nowrap;min-width:60px;justify-content:center}.images-table .format-options .format-option[data-v-5438ae3f]:hover{background:#f5f5f5}.images-table .format-options .format-option input[type=radio][data-v-5438ae3f]{cursor:pointer;margin:0;flex-shrink:0}.images-table .format-options .format-option span[data-v-5438ae3f]{font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.images-table .col-action>div[data-v-5438ae3f]{display:flex;align-items:center;justify-content:center;gap:8px}.images-table .btn-convert[data-v-5438ae3f]{min-width:80px;height:32px;padding:0 16px;background:#f64;border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s}.images-table .btn-convert[data-v-5438ae3f]:hover:not(:disabled){background:#f53;transform:translateY(-1px);box-shadow:0 2px 8px #ff66444d}.images-table .btn-convert.btn-disabled[data-v-5438ae3f],.images-table .btn-convert[data-v-5438ae3f]:disabled{background:#ddd;cursor:not-allowed}.images-table .btn-delete[data-v-5438ae3f]{width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;transition:transform .2s}.images-table .btn-delete[data-v-5438ae3f]:hover:not(:disabled){transform:scale(1.1)}.images-table .btn-delete[data-v-5438ae3f]:disabled{opacity:.5;cursor:not-allowed}.images-table .btn-delete img[data-v-5438ae3f]{width:18px;height:18px}@media(max-width:1200px){.image-converter[data-v-5438ae3f]{width:100%;margin:15px}}