.image-to-pdf-tool[data-v-7bc0fff4]{width:100%;margin:0 auto}.upload-section[data-v-7bc0fff4]{margin-bottom:24px}.upload-area[data-v-7bc0fff4]{border:2px dashed #d1d5db;border-radius:6px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .3s;background:#f9fafb;width:100%}.upload-area[data-v-7bc0fff4]:hover,.upload-area.is-dragover[data-v-7bc0fff4]{border-color:#23a894;background:#e8f7f5}.upload-icon[data-v-7bc0fff4]{font-size:64px;color:#23a894;margin-bottom:16px}.upload-text[data-v-7bc0fff4]{font-size:16px;color:#374151;margin-bottom:8px}.upload-text em[data-v-7bc0fff4]{color:#23a894;font-style:normal}.upload-tip[data-v-7bc0fff4]{font-size:14px;color:#6b7280}.settings-section[data-v-7bc0fff4]{background:#fff;border-radius:6px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.settings-grid[data-v-7bc0fff4]{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center}.setting-item[data-v-7bc0fff4]{display:flex;align-items:center;gap:10px}.setting-label[data-v-7bc0fff4]{font-size:14px;color:#6b7280;white-space:nowrap;font-weight:500;min-width:0}.custom-select[data-v-7bc0fff4],.custom-input[data-v-7bc0fff4]{padding:7px 12px;border:1px solid #dcdfe6;border-radius:3px;font-size:14px;transition:all .3s;outline:none;background:#fff;color:#374151}.custom-select[data-v-7bc0fff4]:focus,.custom-input[data-v-7bc0fff4]:focus{border-color:#23a894}.custom-select[data-v-7bc0fff4]{cursor:pointer;min-width:160px}.custom-input[data-v-7bc0fff4]{width:90px}.list-section[data-v-7bc0fff4]{background:#fff;border-radius:6px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.list-header[data-v-7bc0fff4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.section-title[data-v-7bc0fff4]{font-size:18px;font-weight:600;color:#374151;display:flex;align-items:center;margin:0}.section-title i[data-v-7bc0fff4]{color:#23a894}.actions[data-v-7bc0fff4]{display:flex;gap:8px}.btn[data-v-7bc0fff4]{padding:8px 16px;border:1px solid #dcdfe6;border-radius:3px;background:#fff;cursor:pointer;font-size:14px;transition:all .2s;display:inline-flex;align-items:center;white-space:nowrap}.btn[data-v-7bc0fff4]:disabled{opacity:.5;cursor:not-allowed}.btn-default[data-v-7bc0fff4]{color:#606266}.btn-default[data-v-7bc0fff4]:hover:not(:disabled){border-color:#23a894;color:#23a894}.btn-primary[data-v-7bc0fff4]{background:#23a894;color:#fff;border-color:#23a894}.btn-primary[data-v-7bc0fff4]:hover:not(:disabled){background:#1f8f7d;border-color:#1f8f7d}.progress-bar[data-v-7bc0fff4]{margin-bottom:20px;padding:16px;background:#f0fdf4;border-radius:6px;border:1px solid #bbf7d0}.progress-track[data-v-7bc0fff4]{height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden}.progress-fill[data-v-7bc0fff4]{height:100%;background:#23a894;transition:width .3s ease;border-radius:5px}.progress-tip[data-v-7bc0fff4]{font-size:13px;color:#166534;margin-top:8px;text-align:center}.success-bar[data-v-7bc0fff4]{margin-bottom:20px;padding:14px 16px;background:#f0fdf4;border-radius:6px;border:1px solid #bbf7d0;display:flex;align-items:center;gap:10px;font-size:14px;color:#166534}.success-bar i[data-v-7bc0fff4]{color:#16a34a;font-size:18px}.image-list[data-v-7bc0fff4]{display:flex;flex-direction:column;gap:10px}.image-item[data-v-7bc0fff4]{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f9fafb;border-radius:6px;transition:all .2s;cursor:move;border:2px solid transparent}.image-item[data-v-7bc0fff4]:hover{background:#f3f4f6}.image-item.drag-over[data-v-7bc0fff4]{border-color:#23a894;background:#e8f7f5}.drag-handle[data-v-7bc0fff4]{cursor:grab;color:#9ca3af;padding:4px;flex-shrink:0}.drag-handle[data-v-7bc0fff4]:hover{color:#6b7280}.image-index[data-v-7bc0fff4]{font-size:12px;color:#9ca3af;min-width:20px;text-align:right;flex-shrink:0}.image-thumb[data-v-7bc0fff4]{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#e5e7eb}.image-thumb img[data-v-7bc0fff4]{width:100%;height:100%;object-fit:cover}.image-name[data-v-7bc0fff4]{flex:1;font-size:14px;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size[data-v-7bc0fff4]{font-size:12px;color:#6b7280;flex-shrink:0}.btn-remove[data-v-7bc0fff4]{padding:4px 8px;background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:14px;transition:all .2s;flex-shrink:0;line-height:1}.btn-remove[data-v-7bc0fff4]:hover:not(:disabled){color:#dc2626}.btn-remove[data-v-7bc0fff4]:disabled{opacity:.3;cursor:not-allowed}.empty-section[data-v-7bc0fff4]{background:#fff;border-radius:6px;padding:24px;box-shadow:0 2px 8px #0000000f}.empty-state[data-v-7bc0fff4]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#9ca3af}.empty-state i[data-v-7bc0fff4]{font-size:48px;margin-bottom:16px;color:#d1d5db}.empty-state p[data-v-7bc0fff4]{font-size:14px;margin:0 0 4px}.empty-tip[data-v-7bc0fff4]{font-size:12px!important;color:#b0b7c3}.mr-1[data-v-7bc0fff4]{margin-right:4px}.mr-2[data-v-7bc0fff4]{margin-right:8px}.hidden[data-v-7bc0fff4]{display:none}@media (max-width: 640px){.list-header[data-v-7bc0fff4]{flex-direction:column;align-items:flex-start}.actions[data-v-7bc0fff4]{width:100%;flex-wrap:wrap}.btn[data-v-7bc0fff4]{flex:1;justify-content:center;min-width:0}.upload-area[data-v-7bc0fff4]{padding:32px 16px}.upload-icon[data-v-7bc0fff4]{font-size:48px}}