*,:before,:after{box-sizing:border-box}body{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;margin:0;padding:0;font-family:Arial,sans-serif}#app{width:100%;min-height:100vh}.app-container[data-v-a7290925]{max-width:1400px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}h1[data-v-a7290925]{text-align:center;color:#333;margin-bottom:20px}.mode-tabs[data-v-a7290925]{justify-content:center;gap:0;margin-bottom:24px;display:flex}.mode-tabs button[data-v-a7290925]{color:#4caf50;cursor:pointer;background:#fff;border:2px solid #4caf50;padding:10px 32px;font-size:15px;font-weight:700;transition:all .2s}.mode-tabs button[data-v-a7290925]:first-child{border-radius:6px 0 0 6px}.mode-tabs button[data-v-a7290925]:last-child{border-radius:0 6px 6px 0}.mode-tabs button.active[data-v-a7290925]{color:#fff;background:#4caf50}.upload-section[data-v-a7290925]{text-align:center;margin-bottom:24px}.file-input[data-v-a7290925]{display:none}.upload-label[data-v-a7290925]{color:#fff;cursor:pointer;background-color:#4caf50;border-radius:5px;padding:10px 24px;font-size:16px;display:inline-block}.upload-label[data-v-a7290925]:hover{background-color:#45a049}.drop-zone[data-v-a7290925]{text-align:center;cursor:pointer;border:2px dashed #ccc;border-radius:8px;margin-bottom:24px;padding:40px 20px;transition:all .2s}.drop-zone[data-v-a7290925]:hover,.drop-zone.drag-over[data-v-a7290925]{background:#4caf500d;border-color:#4caf50}.drop-zone-label[data-v-a7290925]{cursor:pointer;color:#666;flex-direction:column;align-items:center;gap:8px;font-size:16px;display:flex}.drop-icon[data-v-a7290925]{font-size:36px}.editor-section[data-v-a7290925]{justify-content:center;align-items:flex-start;gap:24px;display:flex}.preview-wrapper[data-v-a7290925]{position:relative}.batch-left[data-v-a7290925]{flex-direction:column;gap:16px;display:flex}.file-list[data-v-a7290925]{background:#fafafa;border:1px solid #ddd;border-radius:6px;width:600px;overflow:hidden}.file-list-header[data-v-a7290925]{color:#333;background:#f0f0f0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.clear-btn[data-v-a7290925]{color:#e53935;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 8px;font-size:13px}.clear-btn[data-v-a7290925]:hover{background:#e539351a}.file-list-body[data-v-a7290925]{max-height:200px;overflow-y:auto}.file-item[data-v-a7290925]{cursor:pointer;border-bottom:1px solid #eee;align-items:center;gap:10px;padding:8px 14px;transition:background .15s;display:flex}.file-item[data-v-a7290925]:last-child{border-bottom:none}.file-item[data-v-a7290925]:hover{background:#e8f5e9}.file-item.selected[data-v-a7290925]{background:#c8e6c9}.file-thumb[data-v-a7290925]{object-fit:cover;border:1px solid #ddd;border-radius:4px;width:40px;height:40px}.file-info[data-v-a7290925]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.file-name[data-v-a7290925]{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.file-size[data-v-a7290925]{color:#999;font-size:11px}.file-remove[data-v-a7290925]{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:14px}.file-remove[data-v-a7290925]:hover{color:#e53935;background:#e539351a}.preview-container[data-v-a7290925]{background:#f0f0f0;border:1px solid #ddd;border-radius:5px;max-width:600px;position:relative;overflow:hidden}.preview-image[data-v-a7290925]{object-fit:contain;width:100%;height:100%;display:block}.watermarks-overlay[data-v-a7290925]{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.watermark-text[data-v-a7290925]{white-space:nowrap;text-shadow:1px 1px 2px #0000004d;transform-origin:50%;font-family:Arial,sans-serif;font-weight:700;position:absolute}.no-image[data-v-a7290925]{color:#999;border:2px dashed #ddd;border-radius:5px;justify-content:center;align-items:center;width:600px;height:300px;margin:0 auto;font-size:18px;display:flex}.export-canvas[data-v-a7290925]{display:none}.control-panel[data-v-a7290925]{background-color:#f5f5f5;border-radius:5px;flex-shrink:0;width:350px;padding:20px}.control-group[data-v-a7290925]{margin-bottom:18px}.control-group label[data-v-a7290925]{color:#333;margin-bottom:5px;font-size:13px;font-weight:700;display:block}.control-group input[type=text][data-v-a7290925],.control-group select[data-v-a7290925]{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:8px;font-size:14px}.control-group input[type=range][data-v-a7290925]{width:100%;margin:8px 0}.color-picker[data-v-a7290925]{align-items:center;gap:10px;display:flex}.color-input[data-v-a7290925]{cursor:pointer;border:1px solid #ddd;border-radius:4px;width:50px;height:35px}.batch-progress[data-v-a7290925]{margin-bottom:16px}.progress-bar[data-v-a7290925]{background:#e0e0e0;border-radius:10px;width:100%;height:20px;overflow:hidden}.progress-fill[data-v-a7290925]{background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:10px;height:100%;transition:width .3s}.progress-text[data-v-a7290925]{text-align:center;color:#666;margin-top:6px;font-size:13px;display:block}.export-btn[data-v-a7290925]{color:#fff;cursor:pointer;background-color:#2196f3;border:none;border-radius:5px;width:100%;margin-top:12px;padding:12px;font-size:16px}.export-btn[data-v-a7290925]:hover{background-color:#0b7dda}.export-btn[data-v-a7290925]:disabled{cursor:not-allowed;background-color:#ccc}@media (width<=1000px){.editor-section[data-v-a7290925]{flex-direction:column;align-items:center}.preview-container[data-v-a7290925],.file-list[data-v-a7290925],.no-image[data-v-a7290925]{width:100%;max-width:100%}.no-image[data-v-a7290925]{width:100%;height:200px}.control-panel[data-v-a7290925]{width:100%;max-width:600px}}