.puzzle-tool[data-v-1cc3f98c]{position:relative;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.hidden-input[data-v-1cc3f98c]{display:none}.steps[data-v-1cc3f98c]{display:flex;gap:8px;margin-bottom:12px;padding:10px 16px;background:#f8fafc;border-radius:8px}.step[data-v-1cc3f98c]{flex:1;text-align:center;padding:8px 4px;font-size:12px;color:#64748b;background:#fff;border-radius:6px;border:1px solid #e2e8f0;transition:all .15s}.step.active[data-v-1cc3f98c]{background:#6366f1;color:#fff;border-color:#6366f1}.toolbar[data-v-1cc3f98c]{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-radius:12px 12px 0 0;border:1px solid #e2e8f0;border-bottom:none}.tool-group[data-v-1cc3f98c]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tool-label[data-v-1cc3f98c]{font-size:13px;color:#475569;font-weight:500}.bg-selector[data-v-1cc3f98c]{display:flex;gap:6px;align-items:center}.bg-btn[data-v-1cc3f98c]{width:28px;height:28px;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s}.bg-btn[data-v-1cc3f98c]:hover{transform:scale(1.1)}.bg-btn.active[data-v-1cc3f98c]{border-color:#6366f1;transform:scale(1.05)}.bg-color-input[data-v-1cc3f98c]{width:28px;height:28px;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;padding:0}.bg-color-input[data-v-1cc3f98c]:hover{border-color:#6366f1}.gradient-toggle[data-v-1cc3f98c]{font-size:14px;line-height:1;padding:0}.gradient-panel[data-v-1cc3f98c]{width:100%;margin-top:6px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:8px}.gradient-panel-row[data-v-1cc3f98c]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gradient-color-label[data-v-1cc3f98c]{display:flex;align-items:center;gap:4px;font-size:12px;color:#475569}.gradient-color-label input[type=color][data-v-1cc3f98c]{width:24px;height:24px;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;padding:0}.gradient-angle-label[data-v-1cc3f98c]{font-size:12px;color:#475569;min-width:42px;text-align:right;font-variant-numeric:tabular-nums}.gradient-angle-slider[data-v-1cc3f98c]{-webkit-appearance:none;appearance:none;flex:1;min-width:80px;height:6px;border-radius:3px;background:#e2e8f0;outline:none;cursor:pointer}.gradient-angle-slider[data-v-1cc3f98c]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#6366f1;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.gradient-angle-slider[data-v-1cc3f98c]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#6366f1;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.gradient-preview[data-v-1cc3f98c]{width:100%;height:24px;border-radius:6px;border:1px solid #e2e8f0}.crop-toggle[data-v-1cc3f98c]{display:flex;align-items:center;gap:4px;font-size:13px;color:#475569;cursor:pointer;user-select:none;white-space:nowrap}.crop-toggle input[data-v-1cc3f98c]{cursor:pointer}.filter-select[data-v-1cc3f98c]{padding:5px 10px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;color:#475569;cursor:pointer;font-family:inherit;outline:none;transition:border-color .15s}.filter-select[data-v-1cc3f98c]:hover{border-color:#6366f1}.filter-select[data-v-1cc3f98c]:focus{border-color:#6366f1}.radius-slider[data-v-1cc3f98c]{-webkit-appearance:none;appearance:none;width:90px;height:6px;border-radius:3px;background:#e2e8f0;outline:none;cursor:pointer}.radius-slider[data-v-1cc3f98c]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#6366f1;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.radius-slider[data-v-1cc3f98c]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#6366f1;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.radius-value[data-v-1cc3f98c]{font-size:12px;color:#475569;min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.action-btn[data-v-1cc3f98c]{padding:8px 14px;font-size:13px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;cursor:pointer;transition:all .15s}.action-btn[data-v-1cc3f98c]:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.action-btn[data-v-1cc3f98c]:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary[data-v-1cc3f98c]{background:#6366f1;color:#fff;border-color:#6366f1}.action-btn.primary[data-v-1cc3f98c]:hover{background:#4f46e5}.template-picker[data-v-1cc3f98c]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:12px}.template-picker-header[data-v-1cc3f98c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.template-picker-header h3[data-v-1cc3f98c]{font-size:16px;font-weight:700;color:#1e293b}.close-btn[data-v-1cc3f98c]{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;width:32px;height:32px;border-radius:6px}.close-btn[data-v-1cc3f98c]:hover{background:#f1f5f9}.template-grid[data-v-1cc3f98c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.template-card[data-v-1cc3f98c]{border:2px solid #e2e8f0;border-radius:10px;padding:14px 10px;cursor:pointer;transition:all .15s;text-align:center;background:#fff}.template-card[data-v-1cc3f98c]:hover{border-color:#6366f1;background:#faf5ff}.template-card.active[data-v-1cc3f98c]{border-color:#6366f1;background:#eef2ff}.template-preview[data-v-1cc3f98c]{width:56px;height:48px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center}.template-name[data-v-1cc3f98c]{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:2px}.template-desc[data-v-1cc3f98c]{font-size:11px;color:#64748b}.canvas-container[data-v-1cc3f98c]{width:100%;margin:0 auto;border-radius:0 0 12px 12px;overflow:hidden;background:#e2e8f0;border:1px solid #cbd5e1;display:flex;justify-content:center;touch-action:none}.empty-state[data-v-1cc3f98c]{padding:60px 20px;text-align:center;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;transition:all .15s}.empty-state[data-v-1cc3f98c]:hover{border-color:#6366f1;background:#faf5ff}.empty-icon[data-v-1cc3f98c]{font-size:48px;margin-bottom:12px}.empty-text[data-v-1cc3f98c]{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:6px}.empty-hint[data-v-1cc3f98c]{font-size:13px;color:#64748b}.hint-bar[data-v-1cc3f98c]{margin-top:12px;padding:10px 14px;background:#f1f5f9;border-radius:8px;font-size:13px;color:#475569;text-align:center}.shortcut-bar[data-v-1cc3f98c]{margin-top:8px;padding:6px 14px;font-size:12px;color:#94a3b8;text-align:center}.shortcut-bar kbd[data-v-1cc3f98c]{display:inline-block;padding:1px 6px;font-size:11px;font-family:ui-monospace,SF Mono,Menlo,monospace;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;margin:0 2px}.toast[data-v-1cc3f98c]{position:fixed;top:5rem;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:8px;font-size:14px;z-index:100;box-shadow:0 4px 12px #0000001a}.toast.success[data-v-1cc3f98c]{background:#10b981;color:#fff}.toast.error[data-v-1cc3f98c]{background:#ef4444;color:#fff}.confirm-overlay[data-v-1cc3f98c]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(4px)}.confirm-dialog[data-v-1cc3f98c]{background:#fff;border-radius:16px;padding:24px;min-width:320px;box-shadow:0 10px 40px #00000026;animation:confirmPopup-1cc3f98c .2s ease-out}@keyframes confirmPopup-1cc3f98c{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.confirm-title[data-v-1cc3f98c]{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:8px}.confirm-content[data-v-1cc3f98c]{font-size:14px;color:#64748b;margin-bottom:20px;line-height:1.5}.confirm-actions[data-v-1cc3f98c]{display:flex;gap:12px;justify-content:flex-end}.confirm-btn[data-v-1cc3f98c]{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.confirm-btn.cancel[data-v-1cc3f98c]{background:#f1f5f9;color:#64748b}.confirm-btn.cancel[data-v-1cc3f98c]:hover{background:#e2e8f0}.confirm-btn.confirm[data-v-1cc3f98c]{background:#6366f1;color:#fff}.confirm-btn.confirm[data-v-1cc3f98c]:hover{background:#4f46e5}.caption-dialog[data-v-1cc3f98c]{min-width:360px}.caption-hint[data-v-1cc3f98c]{font-size:13px;color:#94a3b8;margin-bottom:14px;line-height:1.4}.caption-input-wrap[data-v-1cc3f98c]{margin-bottom:14px}.caption-input[data-v-1cc3f98c]{width:100%;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;outline:none;transition:border-color .15s;box-sizing:border-box;font-family:inherit}.caption-input[data-v-1cc3f98c]:focus{border-color:#6366f1}.caption-presets[data-v-1cc3f98c]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.caption-preset-btn[data-v-1cc3f98c]{padding:6px 12px;border:1.5px solid #e2e8f0;border-radius:999px;background:#f8fafc;font-size:14px;color:#475569;cursor:pointer;transition:all .15s;font-family:inherit}.caption-preset-btn[data-v-1cc3f98c]:hover{border-color:#6366f1;color:#6366f1;background:#eef2ff}.caption-color-row[data-v-1cc3f98c]{display:flex;align-items:center;gap:8px;margin-bottom:18px}.caption-color-label[data-v-1cc3f98c]{font-size:13px;color:#64748b;margin-right:4px}.caption-color-swatch[data-v-1cc3f98c]{width:26px;height:26px;border-radius:50%;border:2px solid #e2e8f0;cursor:pointer;padding:0;transition:all .15s}.caption-color-swatch[data-v-1cc3f98c]:hover{border-color:#6366f1;transform:scale(1.1)}.caption-color-swatch.active[data-v-1cc3f98c]{border-color:#6366f1;box-shadow:0 0 0 2px #eef2ff}