*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{color:#374151;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizelegibility;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#app{width:100%;height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}button,label,.no-select{-webkit-user-select:none;user-select:none}input:focus,select:focus,textarea:focus{outline:none}.uploader[data-v-2faf594d]{cursor:pointer;background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;transition:all .2s;display:flex;position:relative}.uploader[data-v-2faf594d]:hover{background:#f5f3ff;border-color:#4f46e5}.uploader.dragging[data-v-2faf594d]{background:#ede9fe;border-color:#4f46e5;transform:scale(1.02)}.uploader-icon[data-v-2faf594d]{color:#9ca3af;transition:color .2s}.uploader:hover .uploader-icon[data-v-2faf594d],.uploader.dragging .uploader-icon[data-v-2faf594d]{color:#4f46e5}.uploader-text[data-v-2faf594d]{color:#6b7280;margin:0;font-size:14px}.uploader-text .link[data-v-2faf594d]{color:#4f46e5;font-weight:500}.uploader-hint[data-v-2faf594d]{color:#9ca3af;margin:0;font-size:12px}.file-input[data-v-2faf594d]{display:none}.error-msg[data-v-2faf594d]{color:#ef4444;background:#fef2f2;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;bottom:8px}.image-list[data-v-70ff28fa]{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.list-header[data-v-70ff28fa]{justify-content:space-between;align-items:center;padding:8px 16px 4px;display:flex}.list-count[data-v-70ff28fa]{color:#6b7280;font-size:12px;font-weight:600}.clear-btn[data-v-70ff28fa]{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;transition:all .15s;display:flex}.clear-btn[data-v-70ff28fa]:hover{color:#ef4444;background:#fef2f2}.thumbnails-scroll[data-v-70ff28fa]{scrollbar-width:thin;scrollbar-color:#d1d5db transparent;align-items:flex-start;gap:8px;padding:6px 16px 10px;display:flex;overflow-x:auto}.thumbnails-scroll[data-v-70ff28fa]::-webkit-scrollbar{height:4px}.thumbnails-scroll[data-v-70ff28fa]::-webkit-scrollbar-track{background:0 0}.thumbnails-scroll[data-v-70ff28fa]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.thumbnail-item[data-v-70ff28fa]{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex;position:relative}.thumbnail-img[data-v-70ff28fa]{object-fit:cover;background:#e5e7eb;border:2px solid #0000;border-radius:6px;width:64px;height:64px;transition:border-color .15s}.thumbnail-item:hover .thumbnail-img[data-v-70ff28fa]{border-color:#c7d2fe}.thumbnail-item.selected .thumbnail-img[data-v-70ff28fa]{border-color:#4f46e5}.remove-btn[data-v-70ff28fa]{color:#fff;cursor:pointer;opacity:0;z-index:1;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:13px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:-4px;right:-4px}.thumbnail-item:hover .remove-btn[data-v-70ff28fa]{opacity:1}.remove-btn[data-v-70ff28fa]:hover{background:#dc2626}.thumbnail-name[data-v-70ff28fa]{color:#6b7280;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:10px;line-height:1.2;overflow:hidden}.add-more-btn[data-v-70ff28fa]{cursor:pointer;color:#9ca3af;background:0 0;border:2px dashed #d1d5db;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:all .15s;display:flex}.add-more-btn[data-v-70ff28fa]:hover{color:#4f46e5;background:#f5f3ff;border-color:#4f46e5}.hidden-input[data-v-70ff28fa]{display:none}.slider-control[data-v-7076bfb9]{flex-direction:column;gap:6px;display:flex}.slider-header[data-v-7076bfb9]{justify-content:space-between;align-items:center;display:flex}.slider-label[data-v-7076bfb9]{color:#6b7280;font-size:12px;font-weight:500}.slider-value-wrapper[data-v-7076bfb9]{align-items:center;gap:3px;display:flex}.slider-value-input[data-v-7076bfb9]{text-align:center;color:#374151;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:60px;height:26px;font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s}.slider-value-input[data-v-7076bfb9]:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.slider-value-input[data-v-7076bfb9]:hover:not(:focus){border-color:#9ca3af}.slider-unit[data-v-7076bfb9]{color:#9ca3af;min-width:14px;font-size:11px;font-weight:500}.slider-track-wrapper[data-v-7076bfb9]{align-items:center;height:20px;display:flex;position:relative}.slider-track-bg[data-v-7076bfb9]{pointer-events:none;background:#e5e7eb;border-radius:2px;height:4px;position:absolute;left:0;right:0}.slider-fill[data-v-7076bfb9]{background:#4f46e5;border-radius:2px;height:100%;transition:width 50ms}.slider-input[data-v-7076bfb9]{appearance:none;cursor:pointer;z-index:1;background:0 0;width:100%;height:20px;margin:0;position:relative}.slider-input[data-v-7076bfb9]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4f46e5;border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 1px 3px #0003}.slider-input[data-v-7076bfb9]::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-input[data-v-7076bfb9]::-moz-range-thumb{cursor:pointer;background:#4f46e5;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.position-picker[data-v-0baef6fc]{flex-direction:column;gap:6px;display:flex}.picker-label[data-v-0baef6fc]{color:#6b7280;font-size:12px;font-weight:500}.position-grid[data-v-0baef6fc]{background:#f3f4f6;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.position-btn[data-v-0baef6fc]{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.position-btn[data-v-0baef6fc]:hover{background:#e5e7eb}.position-btn.active[data-v-0baef6fc]{background:#4f46e5;box-shadow:0 1px 3px #4f46e54d}.dot[data-v-0baef6fc]{background:#9ca3af;border-radius:50%;width:8px;height:8px;transition:all .15s}.position-btn:hover .dot[data-v-0baef6fc]{background:#6b7280}.position-btn.active .dot[data-v-0baef6fc]{background:#fff;width:6px;height:6px}.color-picker[data-v-01674f91]{flex-direction:column;gap:6px;display:flex}.picker-label[data-v-01674f91]{color:#6b7280;font-size:12px;font-weight:500}.color-row[data-v-01674f91]{align-items:center;gap:8px;display:flex}.color-preview-wrapper[data-v-01674f91]{flex-shrink:0;width:32px;height:32px;position:relative}.color-input[data-v-01674f91]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.color-preview[data-v-01674f91]{cursor:pointer;pointer-events:none;border:2px solid #e5e7eb;border-radius:6px;width:32px;height:32px;transition:border-color .15s}.color-preview[data-v-01674f91]:hover{border-color:#4f46e5}.color-text[data-v-01674f91]{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;flex:1;height:32px;padding:0 8px;font-family:ui-monospace,monospace;font-size:12px;transition:border-color .15s}.color-text[data-v-01674f91]:focus{border-color:#4f46e5}.toggle-control[data-v-be8ef93b]{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.toggle-label[data-v-be8ef93b]{color:#6b7280;font-size:12px;font-weight:500}.toggle-track[data-v-be8ef93b]{background:#d1d5db;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.toggle-track.active[data-v-be8ef93b]{background:#4f46e5}.toggle-thumb[data-v-be8ef93b]{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.toggle-track.active .toggle-thumb[data-v-be8ef93b]{transform:translate(16px)}.config-panel[data-v-445f7de9]{flex-direction:column;gap:0;height:100%;display:flex;overflow-y:auto}.image-info[data-v-445f7de9]{color:#166534;background:#f0fdf4;border-bottom:1px solid #e5e7eb;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:500;display:flex}.section[data-v-445f7de9]{border-bottom:1px solid #f3f4f6}.section-header[data-v-445f7de9]{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;transition:background .15s;display:flex}.section-header[data-v-445f7de9]:hover{background:#f9fafb}.section-title[data-v-445f7de9]{color:#374151;font-size:13px;font-weight:600}.section-arrow[data-v-445f7de9]{color:#9ca3af;font-size:12px;transition:transform .2s;display:inline-block}.section-arrow.expanded[data-v-445f7de9]{transform:rotate(180deg)}.section-body[data-v-445f7de9]{flex-direction:column;gap:14px;padding:0 16px 16px;display:flex}.type-tabs[data-v-445f7de9]{background:#f3f4f6;border-radius:8px;gap:4px;padding:3px;display:flex}.type-tab[data-v-445f7de9]{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.type-tab.active[data-v-445f7de9]{color:#374151;background:#fff;box-shadow:0 1px 2px #0000000f}.field[data-v-445f7de9]{flex-direction:column;gap:6px;display:flex}.field-label[data-v-445f7de9]{color:#6b7280;font-size:12px;font-weight:500}.text-input[data-v-445f7de9]{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;height:32px;padding:0 10px;font-size:13px;transition:border-color .15s}.text-input[data-v-445f7de9]:focus{border-color:#4f46e5}.select-input[data-v-445f7de9]{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;height:32px;padding:0 8px;font-size:13px;transition:border-color .15s}.select-input[data-v-445f7de9]:focus{border-color:#4f46e5}.unit-toggle-row[data-v-445f7de9]{background:#f3f4f6;border-radius:6px;align-self:flex-start;gap:4px;padding:3px;display:flex}.unit-btn[data-v-445f7de9]{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 12px;font-size:11px;font-weight:600;transition:all .15s}.unit-btn.active[data-v-445f7de9]{color:#4f46e5;background:#fff;box-shadow:0 1px 2px #0000000f}.upload-btn[data-v-445f7de9]{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;transition:all .15s;display:flex}.upload-btn[data-v-445f7de9]:hover{color:#4f46e5;border-color:#4f46e5}.hidden-input[data-v-445f7de9]{display:none}.logo-preview[data-v-445f7de9]{color:#166534;background:#f0fdf4;border-radius:4px;padding:4px 8px;font-size:12px}.inline-toggles[data-v-445f7de9]{gap:16px;display:flex}.preview-container[data-v-6a55133a]{background-color:#fff;background-image:linear-gradient(45deg,#f0f0f0 25%,#0000 25%),linear-gradient(-45deg,#f0f0f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0f0f0 75%),linear-gradient(-45deg,#0000 75%,#f0f0f0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.preview-placeholder[data-v-6a55133a]{color:#9ca3af;flex-direction:column;align-items:center;gap:12px;display:flex}.preview-placeholder p[data-v-6a55133a]{margin:0;font-size:14px}.preview-canvas[data-v-6a55133a]{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;display:block;box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a}.export-bar[data-v-1f0bf839]{background:#fff;border-top:1px solid #e5e7eb;align-items:center;padding:12px 20px;display:flex}.export-spacer[data-v-1f0bf839]{flex:1}.export-right[data-v-1f0bf839],.export-btn-wrapper[data-v-1f0bf839]{align-items:center;gap:12px;display:flex}.format-tabs[data-v-1f0bf839]{background:#f3f4f6;border-radius:8px;gap:2px;padding:3px;display:flex}.format-tab[data-v-1f0bf839]{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.format-tab.active[data-v-1f0bf839]{color:#374151;background:#fff;box-shadow:0 1px 2px #0000000f}.quality-control[data-v-1f0bf839]{align-items:center;gap:8px;display:flex}.quality-label[data-v-1f0bf839]{color:#6b7280;font-size:12px;font-weight:500}.quality-slider[data-v-1f0bf839]{appearance:none;cursor:pointer;background:#e5e7eb;border-radius:2px;outline:none;width:100px;height:4px}.quality-slider[data-v-1f0bf839]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4f46e5;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 2px #00000026}.quality-value[data-v-1f0bf839]{color:#374151;font-variant-numeric:tabular-nums;min-width:32px;font-size:12px;font-weight:600}.export-btn[data-v-1f0bf839]{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.export-btn[data-v-1f0bf839]:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 2px 8px #4f46e54d}.export-btn[data-v-1f0bf839]:disabled{cursor:not-allowed;background:#d1d5db}.spinner[data-v-1f0bf839]{animation:1s linear infinite spin-1f0bf839}@keyframes spin-1f0bf839{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app[data-v-4eece4d6]{background:#f8f9fa;flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header[data-v-4eece4d6]{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.header-left[data-v-4eece4d6]{align-items:center;gap:10px;display:flex}.title-link[data-v-4eece4d6]{color:inherit;align-items:center;gap:10px;text-decoration:none;transition:opacity .15s;display:flex}.title-link[data-v-4eece4d6]:hover{opacity:.8}.logo-icon[data-v-4eece4d6]{object-fit:cover;border-radius:50%;width:28px;height:28px}.app-title[data-v-4eece4d6]{color:#111827;letter-spacing:-.3px;margin:0;font-size:16px;font-weight:700}.header-link[data-v-4eece4d6]{color:#4f46e5;background:#f5f3ff;border:1.5px solid #c7d2fe;border-radius:6px;margin-left:4px;padding:3px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s}.header-link[data-v-4eece4d6]:hover{color:#fff;background:#4f46e5;border-color:#4f46e5}.header-desc[data-v-4eece4d6]{color:#9ca3af;margin-left:4px;font-size:12px;font-weight:400}.header-badge[data-v-4eece4d6]{color:#4f46e5;background:#ede9fe;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.app-body[data-v-4eece4d6]{flex:1;display:flex;overflow:hidden}.sidebar[data-v-4eece4d6]{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow-y:auto}.sidebar-placeholder[data-v-4eece4d6]{justify-content:center;align-items:center;height:100%;display:flex}.sidebar-placeholder-text[data-v-4eece4d6]{color:#9ca3af;margin:0;font-size:13px}.main-content[data-v-4eece4d6]{flex-direction:column;flex:1;display:flex;overflow:hidden}.image-area[data-v-4eece4d6]{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.uploader-area[data-v-4eece4d6]{padding:16px}.preview-area[data-v-4eece4d6]{flex:1;overflow:hidden}@media (width<=768px){.app-body[data-v-4eece4d6]{flex-direction:column}.sidebar[data-v-4eece4d6]{border-bottom:1px solid #e5e7eb;border-right:none;width:100%;max-height:40vh}}