diff --git a/components/canvas/EnhanceProWorkspace.tsx b/components/canvas/EnhanceProWorkspace.tsx
index 3b029195f..1591338da 100644
--- a/components/canvas/EnhanceProWorkspace.tsx
+++ b/components/canvas/EnhanceProWorkspace.tsx
@@ -2,6 +2,7 @@
 
 import {
   CheckCircle2,
+  ChevronDown,
   ImageIcon,
   Loader2,
   Send,
@@ -17,6 +18,11 @@ import {
 import { toast } from "sonner";
 import useSWR from "swr";
 import { Button } from "@/components/ui/button";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import {
@@ -27,6 +33,7 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import { Switch } from "@/components/ui/switch";
+import { Slider } from "@/components/ui/slider";
 import { Textarea } from "@/components/ui/textarea";
 import {
   defaultEnhanceProPresets,
@@ -111,6 +118,10 @@ const COMPACT_FIELD_CLASS = `${SOLID_PANEL_FIELD_CLASS} h-10 rounded-[16px] text
 const COMPACT_LABEL_CLASS = "text-slate-600 text-[11px] leading-4";
 const COMPACT_TOGGLE_CARD_CLASS =
   "flex items-center justify-between gap-2.5 px-3 py-2.5";
+const SLIDER_TRACK_CLASS = "h-2 bg-[#ece7da] shadow-inner";
+const SLIDER_RANGE_CLASS = "bg-[#3b82f6]";
+const SLIDER_THUMB_CLASS =
+  "h-4 w-4 border border-[#d8e4ff] bg-white shadow-[0_0_0_4px_rgba(59,130,246,0.16)]";
 
 function clampNumber(value: number, min: number, max: number) {
   return Math.min(max, Math.max(min, value));
@@ -235,6 +246,53 @@ function getActiveResultLabel(index: number) {
   return `结果 ${index + 1}`;
 }
 
+type ParameterSliderRowProps = {
+  label: string;
+  value: number;
+  min: number;
+  max: number;
+  step: number;
+  onChange: (value: number) => void;
+  formatValue?: (value: number) => string;
+  disabled?: boolean;
+};
+
+function ParameterSliderRow({
+  label,
+  value,
+  min,
+  max,
+  step,
+  onChange,
+  formatValue,
+  disabled = false,
+}: ParameterSliderRowProps) {
+  const displayValue = formatValue ? formatValue(value) : String(value);
+
+  return (
+    <div className={cn("space-y-2", disabled && "opacity-50")}>
+      <div className="flex items-center justify-between gap-3">
+        <div className="font-medium text-[12px] text-slate-700">{label}</div>
+        <div className="inline-flex min-w-[50px] justify-center rounded-full border border-[#e7e1d4] bg-[#fffdfa] px-2.5 py-0.5 font-medium text-[11px] text-slate-600 shadow-[0_4px_12px_rgba(15,23,42,0.04)]">
+          {displayValue}
+        </div>
+      </div>
+      <Slider
+        className="w-full"
+        disabled={disabled}
+        max={max}
+        min={min}
+        onValueChange={([next]) => onChange(next ?? value)}
+        rangeClassName={SLIDER_RANGE_CLASS}
+        step={step}
+        thumbClassName={SLIDER_THUMB_CLASS}
+        trackClassName={SLIDER_TRACK_CLASS}
+        value={[value]}
+      />
+    </div>
+  );
+}
+
 function buildEnhanceSourcePayload(
   sourceImageUrl?: string | null
 ): Pick<
@@ -288,6 +346,9 @@ export function EnhanceProWorkspace({
     EnhanceProImageResult[]
   >([]);
   const [lastErrorMessage, setLastErrorMessage] = useState("");
+  const [settingsOpen, setSettingsOpen] = useState(true);
+  const [adjustmentsOpen, setAdjustmentsOpen] = useState(true);
+  const [faceOpen, setFaceOpen] = useState(true);
   const [previewOffset, setPreviewOffset] = useState({ x: 0, y: 0 });
   const [isPreviewDragging, setIsPreviewDragging] = useState(false);
   const previewDragStateRef = useRef<{
@@ -377,6 +438,12 @@ export function EnhanceProWorkspace({
     previewDragStateRef.current = null;
   }, [activePreviewUrl]);
 
+  useEffect(() => {
+    if (formState.face_enhancement) {
+      setFaceOpen(true);
+    }
+  }, [formState.face_enhancement]);
+
   const handleNumericField = <K extends keyof FormState>(
     key: K,
     nextValue: number
@@ -570,7 +637,7 @@ export function EnhanceProWorkspace({
 
   return (
     <div className="relative flex h-full w-full bg-background text-foreground">
-      <div className="relative flex min-w-0 flex-1 items-center justify-center overflow-hidden bg-muted/20">
+      <div className="relative flex min-w-0 flex-1 items-center justify-center overflow-hidden bg-muted/20 pb-24">
         {activePreviewUrl ? (
           <div
             className={cn(
@@ -642,9 +709,51 @@ export function EnhanceProWorkspace({
             </div>
           </div>
         ) : null}
+
+        <div className="pointer-events-none absolute bottom-5 left-1/2 z-30 flex w-fit max-w-[calc(100%-2rem)] -translate-x-1/2 flex-col items-center gap-1.5">
+          <div className="pointer-events-auto rounded-full border border-[#e7e1d4] bg-[#fffdfa]/95 px-3.5 py-1 text-muted-foreground text-[11px] shadow-lg backdrop-blur-xl">
+            <span className="inline-flex items-center gap-1.5">
+              {selectedGeneratedImage ? (
+                <CheckCircle2 className="h-3.5 w-3.5 text-emerald-600" />
+              ) : null}
+              {actionHint}
+            </span>
+          </div>
+          <div className="pointer-events-auto inline-flex items-center justify-center gap-2 rounded-full border border-[#e7e1d4] bg-[#fffdfa]/95 p-1.5 shadow-2xl backdrop-blur-xl">
+            <Button
+              className={cn(
+                "h-10 min-w-[208px] rounded-full px-5 text-sm",
+                PRIMARY_ACTION_BUTTON_CLASS
+              )}
+              disabled={isSubmitting || !sourceImageUrl}
+              onClick={handleSubmit}
+              type="button"
+            >
+              {isSubmitting ? (
+                <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+              ) : (
+                <Sparkles className="mr-2 h-4 w-4" />
+              )}
+              开始增强
+            </Button>
+            <Button
+              className={cn(
+                "h-10 min-w-[208px] rounded-full px-5 text-sm",
+                SECONDARY_ACTION_BUTTON_CLASS
+              )}
+              disabled={!selectedGeneratedImage}
+              onClick={handleApply}
+              type="button"
+              variant="outline"
+            >
+              <Send className="mr-2 h-4 w-4" />
+              发送到画布
+            </Button>
+          </div>
+        </div>
       </div>
 
-      <div className="pointer-events-none absolute top-5 right-5 bottom-5 z-20 w-[412px] max-w-[41vw]">
+      <div className="relative z-20 h-full w-[412px] max-w-[41vw] shrink-0 py-5 pr-5">
         <div className="h-full space-y-3 overflow-y-auto pr-1 pb-3">
           {isLoading ? (
             <div
@@ -671,135 +780,225 @@ export function EnhanceProWorkspace({
             </div>
           ) : null}
 
-          <div className={cn(PANEL_SHELL_CLASS, "space-y-3 px-3.5 py-3.5")}>
-            <div className="space-y-2">
-              <Label className={PANEL_SECTION_TITLE_CLASS}>增强预设</Label>
-              <Select onValueChange={handleSelectPreset} value={selectedPresetId}>
-                <SelectTrigger className={COMPACT_FIELD_CLASS}>
-                  <SelectValue placeholder="选择一个增强预设" />
-                </SelectTrigger>
-                <SelectContent className={SOLID_PANEL_SELECT_CONTENT_CLASS}>
-                  {presets.map((preset) => (
-                    <SelectItem key={preset.id} value={preset.id}>
-                      {preset.name}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-              {selectedPreset ? (
-                <div className={cn(PANEL_SECTION_NOTE_CLASS, "line-clamp-2")}>
-                  {selectedPreset.description ||
-                    `${selectedPreset.model} · ${getSubjectDetectionLabel(selectedPreset.subjectDetection)}`}
-                </div>
-              ) : null}
-            </div>
-
-            <div className="space-y-2">
-              <Label
-                className={PANEL_SECTION_TITLE_CLASS}
-                htmlFor="enhance-workspace-prompt"
+          <Collapsible
+            className={cn(PANEL_SHELL_CLASS, "px-3.5 py-3.5")}
+            onOpenChange={setSettingsOpen}
+            open={settingsOpen}
+          >
+            <CollapsibleTrigger asChild>
+              <button
+                className="flex w-full items-center justify-between gap-3 text-left"
+                type="button"
               >
-                增强提示词
-              </Label>
-              <Textarea
-                className={`${SOLID_PANEL_FIELD_CLASS} min-h-[76px] resize-none rounded-[18px] text-sm placeholder:text-muted-foreground/70`}
-                id="enhance-workspace-prompt"
-                onChange={(event) =>
-                  setFormState((prev) => ({
-                    ...prev,
-                    prompt: event.target.value,
-                  }))
-                }
-                placeholder="例如：保持主体不变，提升画质层次、纹理和局部细节，让结果更高级。"
-                rows={2}
-                value={formState.prompt}
-              />
-            </div>
-          </div>
+                <div className={PANEL_SECTION_TITLE_CLASS}>设置</div>
+                <ChevronDown
+                  className={cn(
+                    "h-4 w-4 text-slate-500 transition-transform",
+                    settingsOpen && "rotate-180"
+                  )}
+                />
+              </button>
+            </CollapsibleTrigger>
+            <CollapsibleContent className="mt-3 space-y-3">
+              <div className="space-y-2">
+                <Label className={PANEL_SECTION_TITLE_CLASS}>增强预设</Label>
+                <Select onValueChange={handleSelectPreset} value={selectedPresetId}>
+                  <SelectTrigger className={COMPACT_FIELD_CLASS}>
+                    <SelectValue placeholder="选择一个增强预设" />
+                  </SelectTrigger>
+                  <SelectContent className={SOLID_PANEL_SELECT_CONTENT_CLASS}>
+                    {presets.map((preset) => (
+                      <SelectItem key={preset.id} value={preset.id}>
+                        {preset.name}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+                {selectedPreset ? (
+                  <div className={cn(PANEL_SECTION_NOTE_CLASS, "line-clamp-2")}>
+                    {selectedPreset.description ||
+                      `${selectedPreset.model} · ${getSubjectDetectionLabel(selectedPreset.subjectDetection)}`}
+                  </div>
+                ) : null}
+              </div>
 
-          <div className={cn(PANEL_SHELL_CLASS, "space-y-2.5 px-3.5 py-3.5")}>
-            <div className={PANEL_SECTION_TITLE_CLASS}>基础参数</div>
-            <div className="grid grid-cols-4 gap-2.5">
-              <div className="space-y-1.5">
-                <Label className={COMPACT_LABEL_CLASS} htmlFor="enhance-workspace-width">
-                  宽度
+              <div className="space-y-2">
+                <Label
+                  className={PANEL_SECTION_TITLE_CLASS}
+                  htmlFor="enhance-workspace-prompt"
+                >
+                  增强提示词
                 </Label>
-                <Input
-                  className={COMPACT_FIELD_CLASS}
-                  id="enhance-workspace-width"
-                  max={config.maxOutputEdge}
-                  min="1"
+                <Textarea
+                  className={`${SOLID_PANEL_FIELD_CLASS} min-h-[72px] resize-none rounded-[18px] text-sm placeholder:text-muted-foreground/70`}
+                  id="enhance-workspace-prompt"
                   onChange={(event) =>
-                    handleNumericField(
-                      "width",
-                      clampNumber(
-                        Number.parseInt(event.target.value, 10) || 1,
-                        1,
-                        config.maxOutputEdge
-                      )
-                    )
+                    setFormState((prev) => ({
+                      ...prev,
+                      prompt: event.target.value,
+                    }))
                   }
-                  type="number"
-                  value={formState.width}
+                  placeholder="例如：保持主体不变，提升画质层次、纹理和局部细节，让结果更高级。"
+                  rows={2}
+                  value={formState.prompt}
                 />
               </div>
-              <div className="space-y-1.5">
-                <Label className={COMPACT_LABEL_CLASS} htmlFor="enhance-workspace-height">
-                  高度
-                </Label>
-                <Input
-                  className={COMPACT_FIELD_CLASS}
-                  id="enhance-workspace-height"
-                  max={config.maxOutputEdge}
-                  min="1"
-                  onChange={(event) =>
-                    handleNumericField(
-                      "height",
-                      clampNumber(
-                        Number.parseInt(event.target.value, 10) || 1,
-                        1,
-                        config.maxOutputEdge
-                      )
-                    )
-                  }
-                  type="number"
-                  value={formState.height}
-                />
-              </div>
-              {config.allowBatchSize ? (
+
+              <div className="grid grid-cols-4 gap-2.5">
                 <div className="space-y-1.5">
-                  <Label className={COMPACT_LABEL_CLASS}>候选</Label>
-                  <Select
-                    onValueChange={(value) =>
+                  <Label
+                    className={COMPACT_LABEL_CLASS}
+                    htmlFor="enhance-workspace-width"
+                  >
+                    宽度
+                  </Label>
+                  <Input
+                    className={COMPACT_FIELD_CLASS}
+                    id="enhance-workspace-width"
+                    max={config.maxOutputEdge}
+                    min="1"
+                    onChange={(event) =>
                       handleNumericField(
-                        "batchSize",
+                        "width",
                         clampNumber(
-                          Number.parseInt(value, 10) || 1,
+                          Number.parseInt(event.target.value, 10) || 1,
                           1,
-                          config.maxBatchSize
+                          config.maxOutputEdge
                         )
                       )
                     }
-                    value={String(formState.batchSize)}
+                    type="number"
+                    value={formState.width}
+                  />
+                </div>
+                <div className="space-y-1.5">
+                  <Label
+                    className={COMPACT_LABEL_CLASS}
+                    htmlFor="enhance-workspace-height"
+                  >
+                    高度
+                  </Label>
+                  <Input
+                    className={COMPACT_FIELD_CLASS}
+                    id="enhance-workspace-height"
+                    max={config.maxOutputEdge}
+                    min="1"
+                    onChange={(event) =>
+                      handleNumericField(
+                        "height",
+                        clampNumber(
+                          Number.parseInt(event.target.value, 10) || 1,
+                          1,
+                          config.maxOutputEdge
+                        )
+                      )
+                    }
+                    type="number"
+                    value={formState.height}
+                  />
+                </div>
+                {config.allowBatchSize ? (
+                  <div className="space-y-1.5">
+                    <Label className={COMPACT_LABEL_CLASS}>候选</Label>
+                    <Select
+                      onValueChange={(value) =>
+                        handleNumericField(
+                          "batchSize",
+                          clampNumber(
+                            Number.parseInt(value, 10) || 1,
+                            1,
+                            config.maxBatchSize
+                          )
+                        )
+                      }
+                      value={String(formState.batchSize)}
+                    >
+                      <SelectTrigger className={COMPACT_FIELD_CLASS}>
+                        <SelectValue />
+                      </SelectTrigger>
+                      <SelectContent className={SOLID_PANEL_SELECT_CONTENT_CLASS}>
+                        {Array.from(
+                          { length: config.maxBatchSize },
+                          (_, index) => index + 1
+                        ).map((item) => (
+                          <SelectItem key={item} value={String(item)}>
+                            {item} 张
+                          </SelectItem>
+                        ))}
+                      </SelectContent>
+                    </Select>
+                  </div>
+                ) : null}
+                <div className="space-y-1.5">
+                  <Label className={COMPACT_LABEL_CLASS}>模式</Label>
+                  <Select
+                    onValueChange={(value) =>
+                      setFormState((prev) => ({
+                        ...prev,
+                        model: value as FormState["model"],
+                      }))
+                    }
+                    value={formState.model}
                   >
                     <SelectTrigger className={COMPACT_FIELD_CLASS}>
                       <SelectValue />
                     </SelectTrigger>
                     <SelectContent className={SOLID_PANEL_SELECT_CONTENT_CLASS}>
-                      {Array.from(
-                        { length: config.maxBatchSize },
-                        (_, index) => index + 1
-                      ).map((item) => (
-                        <SelectItem key={item} value={String(item)}>
-                          {item} 张
-                        </SelectItem>
-                      ))}
+                      <SelectItem value="Redefine">Redefine</SelectItem>
+                      <SelectItem value="Recovery">Recovery</SelectItem>
+                      <SelectItem value="Recovery V2">Recovery V2</SelectItem>
+                      <SelectItem value="Reimagine">Reimagine</SelectItem>
                     </SelectContent>
                   </Select>
                 </div>
-              ) : (
                 <div className="space-y-1.5">
-                  <Label className={COMPACT_LABEL_CLASS} htmlFor="enhance-workspace-seed">
+                  <Label className={COMPACT_LABEL_CLASS}>格式</Label>
+                  <Select
+                    onValueChange={(value) =>
+                      setFormState((prev) => ({
+                        ...prev,
+                        output_format: value as FormState["output_format"],
+                      }))
+                    }
+                    value={formState.output_format}
+                  >
+                    <SelectTrigger className={COMPACT_FIELD_CLASS}>
+                      <SelectValue />
+                    </SelectTrigger>
+                    <SelectContent className={SOLID_PANEL_SELECT_CONTENT_CLASS}>
+                      <SelectItem value="jpg">JPG</SelectItem>
+                      <SelectItem value="png">PNG</SelectItem>
+                      <SelectItem value="webp">WEBP</SelectItem>
+                    </SelectContent>
+                  </Select>
+                </div>
+                <div className="space-y-1.5">
+                  <Label className={COMPACT_LABEL_CLASS}>区域</Label>
+                  <Select
+                    onValueChange={(value) =>
+                      setFormState((prev) => ({
+                        ...prev,
+                        subject_detection:
+                          value as FormState["subject_detection"],
+                      }))
+                    }
+                    value={formState.subject_detection}
+                  >
+                    <SelectTrigger className={COMPACT_FIELD_CLASS}>
+                      <SelectValue />
+                    </SelectTrigger>
+                    <SelectContent className={SOLID_PANEL_SELECT_CONTENT_CLASS}>
+                      <SelectItem value="All">全部</SelectItem>
+                      <SelectItem value="Foreground">前景</SelectItem>
+                      <SelectItem value="Background">背景</SelectItem>
+                    </SelectContent>
+                  </Select>
+                </div>
+                <div className="space-y-1.5">
+                  <Label
+                    className={COMPACT_LABEL_CLASS}
+                    htmlFor="enhance-workspace-seed"
+                  >
                     Seed
                   </Label>
                   <Input
@@ -815,368 +1014,223 @@ export function EnhanceProWorkspace({
                     value={formState.seed}
                   />
                 </div>
-              )}
-              <div className="space-y-1.5">
-                <Label className={COMPACT_LABEL_CLASS}>模式</Label>
-                <Select
-                  onValueChange={(value) =>
-                    setFormState((prev) => ({
-                      ...prev,
-                      model: value as FormState["model"],
-                    }))
-                  }
-                  value={formState.model}
-                >
-                  <SelectTrigger className={COMPACT_FIELD_CLASS}>
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent className={SOLID_PANEL_SELECT_CONTENT_CLASS}>
-                    <SelectItem value="Redefine">Redefine</SelectItem>
-                    <SelectItem value="Recovery">Recovery</SelectItem>
-                    <SelectItem value="Recovery V2">Recovery V2</SelectItem>
-                    <SelectItem value="Reimagine">Reimagine</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-              <div className="space-y-1.5">
-                <Label className={COMPACT_LABEL_CLASS}>格式</Label>
-                <Select
-                  onValueChange={(value) =>
-                    setFormState((prev) => ({
-                      ...prev,
-                      output_format: value as FormState["output_format"],
-                    }))
-                  }
-                  value={formState.output_format}
-                >
-                  <SelectTrigger className={COMPACT_FIELD_CLASS}>
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent className={SOLID_PANEL_SELECT_CONTENT_CLASS}>
-                    <SelectItem value="jpg">JPG</SelectItem>
-                    <SelectItem value="png">PNG</SelectItem>
-                    <SelectItem value="webp">WEBP</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-              <div className="space-y-1.5">
-                <Label className={COMPACT_LABEL_CLASS}>区域</Label>
-                <Select
-                  onValueChange={(value) =>
-                    setFormState((prev) => ({
-                      ...prev,
-                      subject_detection: value as FormState["subject_detection"],
-                    }))
-                  }
-                  value={formState.subject_detection}
-                >
-                  <SelectTrigger className={COMPACT_FIELD_CLASS}>
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent className={SOLID_PANEL_SELECT_CONTENT_CLASS}>
-                    <SelectItem value="All">全部</SelectItem>
-                    <SelectItem value="Foreground">前景</SelectItem>
-                    <SelectItem value="Background">背景</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-              {config.allowBatchSize ? (
                 <div className="space-y-1.5">
-                  <Label className={COMPACT_LABEL_CLASS} htmlFor="enhance-workspace-seed">
-                    Seed
+                  <Label
+                    className={COMPACT_LABEL_CLASS}
+                    htmlFor="enhance-workspace-scale"
+                  >
+                    放大
                   </Label>
                   <Input
                     className={COMPACT_FIELD_CLASS}
-                    id="enhance-workspace-seed"
+                    id="enhance-workspace-scale"
+                    max="32"
+                    min="1"
                     onChange={(event) =>
                       handleNumericField(
-                        "seed",
-                        Number.parseInt(event.target.value, 10) || 1337
+                        "image_scaling_factor",
+                        clampNumber(
+                          Number.parseFloat(event.target.value) || 1,
+                          1,
+                          32
+                        )
                       )
                     }
+                    step="0.5"
                     type="number"
-                    value={formState.seed}
+                    value={formState.image_scaling_factor}
                   />
                 </div>
-              ) : null}
-              <div className="space-y-1.5">
-                <Label className={COMPACT_LABEL_CLASS} htmlFor="enhance-workspace-scale">
-                  放大
-                </Label>
-                <Input
-                  className={COMPACT_FIELD_CLASS}
-                  id="enhance-workspace-scale"
-                  max="32"
-                  min="1"
-                  onChange={(event) =>
-                    handleNumericField(
-                      "image_scaling_factor",
-                      clampNumber(
-                        Number.parseFloat(event.target.value) || 1,
-                        1,
-                        32
-                      )
-                    )
-                  }
-                  step="0.5"
-                  type="number"
-                  value={formState.image_scaling_factor}
-                />
               </div>
-            </div>
-          </div>
 
-          <div className={cn(PANEL_SHELL_CLASS, "space-y-2.5 px-3.5 py-3.5")}>
-            <div className={PANEL_SECTION_TITLE_CLASS}>增强开关</div>
-            <div className="grid grid-cols-3 gap-2.5">
-              <div
-                className={cn(
-                  SOLID_PANEL_CARD_CLASS,
-                  COMPACT_TOGGLE_CARD_CLASS
-                )}
-              >
-                <span className="text-foreground text-xs">人脸增强</span>
-                <Switch
-                  checked={formState.face_enhancement}
-                  onCheckedChange={(checked) =>
-                    setFormState((prev) => ({
-                      ...prev,
-                      face_enhancement: checked,
-                    }))
-                  }
-                />
+              <div className="grid grid-cols-2 gap-2.5">
+                <div
+                  className={cn(
+                    SOLID_PANEL_CARD_CLASS,
+                    COMPACT_TOGGLE_CARD_CLASS
+                  )}
+                >
+                  <span className="text-foreground text-xs">启用放大</span>
+                  <Switch
+                    checked={formState.upscaling_activated}
+                    onCheckedChange={(checked) =>
+                      setFormState((prev) => ({
+                        ...prev,
+                        upscaling_activated: checked,
+                      }))
+                    }
+                  />
+                </div>
+                <div
+                  className={cn(
+                    SOLID_PANEL_CARD_CLASS,
+                    COMPACT_TOGGLE_CARD_CLASS
+                  )}
+                >
+                  <span className="text-foreground text-xs">裁剪铺满</span>
+                  <Switch
+                    checked={formState.crop_to_fill}
+                    onCheckedChange={(checked) =>
+                      setFormState((prev) => ({
+                        ...prev,
+                        crop_to_fill: checked,
+                      }))
+                    }
+                  />
+                </div>
               </div>
-              <div
-                className={cn(
-                  SOLID_PANEL_CARD_CLASS,
-                  COMPACT_TOGGLE_CARD_CLASS
-                )}
-              >
-                <span className="text-foreground text-xs">启用放大</span>
-                <Switch
-                  checked={formState.upscaling_activated}
-                  onCheckedChange={(checked) =>
-                    setFormState((prev) => ({
-                      ...prev,
-                      upscaling_activated: checked,
-                    }))
-                  }
-                />
-              </div>
-              <div
-                className={cn(
-                  SOLID_PANEL_CARD_CLASS,
-                  COMPACT_TOGGLE_CARD_CLASS
-                )}
-              >
-                <span className="text-foreground text-xs">裁剪铺满</span>
-                <Switch
-                  checked={formState.crop_to_fill}
-                  onCheckedChange={(checked) =>
-                    setFormState((prev) => ({ ...prev, crop_to_fill: checked }))
-                  }
-                />
-              </div>
-            </div>
-          </div>
+            </CollapsibleContent>
+          </Collapsible>
 
           {config.enableAdvancedControls ? (
-            <div className={cn(PANEL_SHELL_CLASS, "space-y-2.5 px-3.5 py-3.5")}>
-              <div className="flex items-center justify-between gap-3">
-                <div className={PANEL_SECTION_TITLE_CLASS}>高级调节</div>
-                <div className={PANEL_SECTION_NOTE_CLASS}>细修参数</div>
-              </div>
-              <div className="grid grid-cols-4 gap-2.5">
-                <div className="space-y-1.5">
-                  <Label className={COMPACT_LABEL_CLASS}>创造力</Label>
-                  <Input
-                    className={COMPACT_FIELD_CLASS}
-                    max="6"
-                    min="1"
-                    onChange={(event) =>
-                      handleNumericField(
-                        "creativity",
-                        clampNumber(
-                          Number.parseInt(event.target.value, 10) || 3,
-                          1,
-                          6
-                        )
-                      )
-                    }
-                    type="number"
-                    value={formState.creativity}
+            <Collapsible
+              className={cn(PANEL_SHELL_CLASS, "px-3.5 py-3.5")}
+              onOpenChange={setAdjustmentsOpen}
+              open={adjustmentsOpen}
+            >
+              <CollapsibleTrigger asChild>
+                <button
+                  className="flex w-full items-center justify-between gap-3 text-left"
+                  type="button"
+                >
+                  <div className={PANEL_SECTION_TITLE_CLASS}>调节</div>
+                  <ChevronDown
+                    className={cn(
+                      "h-4 w-4 text-slate-500 transition-transform",
+                      adjustmentsOpen && "rotate-180"
+                    )}
                   />
-                </div>
-                <div className="space-y-1.5">
-                  <Label className={COMPACT_LABEL_CLASS}>纹理</Label>
-                  <Input
-                    className={COMPACT_FIELD_CLASS}
-                    max="5"
-                    min="1"
-                    onChange={(event) =>
-                      handleNumericField(
-                        "texture",
-                        clampNumber(
-                          Number.parseInt(event.target.value, 10) || 3,
-                          1,
-                          5
-                        )
-                      )
-                    }
-                    type="number"
-                    value={formState.texture}
-                  />
-                </div>
-                <div className="space-y-1.5">
-                  <Label className={COMPACT_LABEL_CLASS}>细节</Label>
-                  <Input
-                    className={COMPACT_FIELD_CLASS}
-                    max="1"
-                    min="0"
-                    onChange={(event) =>
-                      handleNumericField(
-                        "detail",
-                        clampNumber(
-                          Number.parseFloat(event.target.value) || 0,
-                          0,
-                          1
-                        )
-                      )
-                    }
-                    step="0.1"
-                    type="number"
-                    value={formState.detail}
-                  />
-                </div>
-                <div className="space-y-1.5">
-                  <Label className={COMPACT_LABEL_CLASS}>锐化</Label>
-                  <Input
-                    className={COMPACT_FIELD_CLASS}
-                    max="1"
-                    min="0"
-                    onChange={(event) =>
-                      handleNumericField(
-                        "sharpen",
-                        clampNumber(
-                          Number.parseFloat(event.target.value) || 0,
-                          0,
-                          1
-                        )
-                      )
-                    }
-                    step="0.1"
-                    type="number"
-                    value={formState.sharpen}
-                  />
-                </div>
-                <div className="space-y-1.5">
-                  <Label className={COMPACT_LABEL_CLASS}>降噪</Label>
-                  <Input
-                    className={COMPACT_FIELD_CLASS}
-                    max="1"
-                    min="0"
-                    onChange={(event) =>
-                      handleNumericField(
-                        "denoise",
-                        clampNumber(
-                          Number.parseFloat(event.target.value) || 0,
-                          0,
-                          1
-                        )
-                      )
-                    }
-                    step="0.1"
-                    type="number"
-                    value={formState.denoise}
-                  />
-                </div>
-                <div className="space-y-1.5">
-                  <Label className={COMPACT_LABEL_CLASS}>脸部力度</Label>
-                  <Input
-                    className={COMPACT_FIELD_CLASS}
-                    max="1"
-                    min="0"
-                    onChange={(event) =>
-                      handleNumericField(
-                        "face_enhancement_strength",
-                        clampNumber(
-                          Number.parseFloat(event.target.value) || 0,
-                          0,
-                          1
-                        )
-                      )
-                    }
-                    step="0.1"
-                    type="number"
-                    value={formState.face_enhancement_strength}
-                  />
-                </div>
-                <div className="space-y-1.5">
-                  <Label className={COMPACT_LABEL_CLASS}>脸部创意</Label>
-                  <Input
-                    className={COMPACT_FIELD_CLASS}
-                    max="1"
-                    min="0"
-                    onChange={(event) =>
-                      handleNumericField(
-                        "face_enhancement_creativity",
-                        clampNumber(
-                          Number.parseFloat(event.target.value) || 0,
-                          0,
-                          1
-                        )
-                      )
-                    }
-                    step="0.1"
-                    type="number"
-                    value={formState.face_enhancement_creativity}
-                  />
-                </div>
-              </div>
-            </div>
+                </button>
+              </CollapsibleTrigger>
+              <CollapsibleContent className="mt-3 space-y-4">
+                <ParameterSliderRow
+                  label="锐化"
+                  max={1}
+                  min={0}
+                  onChange={(value) =>
+                    handleNumericField("sharpen", clampNumber(value, 0, 1))
+                  }
+                  step={0.01}
+                  value={formState.sharpen}
+                  formatValue={(value) => `${Math.round(value * 100)}%`}
+                />
+                <ParameterSliderRow
+                  label="降噪"
+                  max={1}
+                  min={0}
+                  onChange={(value) =>
+                    handleNumericField("denoise", clampNumber(value, 0, 1))
+                  }
+                  step={0.01}
+                  value={formState.denoise}
+                  formatValue={(value) => `${Math.round(value * 100)}%`}
+                />
+                <ParameterSliderRow
+                  label="细节"
+                  max={1}
+                  min={0}
+                  onChange={(value) =>
+                    handleNumericField("detail", clampNumber(value, 0, 1))
+                  }
+                  step={0.01}
+                  value={formState.detail}
+                  formatValue={(value) => `${Math.round(value * 100)}%`}
+                />
+                <ParameterSliderRow
+                  label="创造力"
+                  max={6}
+                  min={1}
+                  onChange={(value) =>
+                    handleNumericField(
+                      "creativity",
+                      clampNumber(Math.round(value), 1, 6)
+                    )
+                  }
+                  step={1}
+                  value={formState.creativity}
+                  formatValue={(value) => String(Math.round(value))}
+                />
+                <ParameterSliderRow
+                  label="纹理"
+                  max={5}
+                  min={1}
+                  onChange={(value) =>
+                    handleNumericField(
+                      "texture",
+                      clampNumber(Math.round(value), 1, 5)
+                    )
+                  }
+                  step={1}
+                  value={formState.texture}
+                  formatValue={(value) => String(Math.round(value))}
+                />
+              </CollapsibleContent>
+            </Collapsible>
           ) : null}
-        </div>
-      </div>
 
-      <div className="pointer-events-none absolute bottom-5 left-1/2 z-30 flex w-fit max-w-[calc(100vw-2rem)] -translate-x-1/2 flex-col items-center gap-1.5">
-        <div className="pointer-events-auto rounded-full border border-[#e7e1d4] bg-[#fffdfa]/95 px-3.5 py-1 text-muted-foreground text-[11px] shadow-lg backdrop-blur-xl">
-          <span className="inline-flex items-center gap-1.5">
-            {selectedGeneratedImage ? (
-              <CheckCircle2 className="h-3.5 w-3.5 text-emerald-600" />
-            ) : null}
-            {actionHint}
-          </span>
-        </div>
-        <div className="pointer-events-auto inline-flex items-center justify-center gap-2 rounded-full border border-[#e7e1d4] bg-[#fffdfa]/95 p-1.5 shadow-2xl backdrop-blur-xl">
-          <Button
-            className={cn(
-              "h-10 min-w-[208px] rounded-full px-5 text-sm",
-              PRIMARY_ACTION_BUTTON_CLASS
-            )}
-            disabled={isSubmitting || !sourceImageUrl}
-            onClick={handleSubmit}
-            type="button"
+          <Collapsible
+            className={cn(PANEL_SHELL_CLASS, "px-3.5 py-3.5")}
+            onOpenChange={setFaceOpen}
+            open={faceOpen}
           >
-            {isSubmitting ? (
-              <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-            ) : (
-              <Sparkles className="mr-2 h-4 w-4" />
-            )}
-            开始增强
-          </Button>
-          <Button
-            className={cn(
-              "h-10 min-w-[208px] rounded-full px-5 text-sm",
-              SECONDARY_ACTION_BUTTON_CLASS
-            )}
-            disabled={!selectedGeneratedImage}
-            onClick={handleApply}
-            type="button"
-            variant="outline"
-          >
-            <Send className="mr-2 h-4 w-4" />
-            发送到画布
-          </Button>
+            <div className="flex items-center justify-between gap-3">
+              <CollapsibleTrigger asChild>
+                <button
+                  className="flex min-w-0 flex-1 items-center justify-between gap-3 text-left"
+                  type="button"
+                >
+                  <div className={PANEL_SECTION_TITLE_CLASS}>面部增强</div>
+                  <ChevronDown
+                    className={cn(
+                      "h-4 w-4 shrink-0 text-slate-500 transition-transform",
+                      faceOpen && "rotate-180"
+                    )}
+                  />
+                </button>
+              </CollapsibleTrigger>
+              <Switch
+                checked={formState.face_enhancement}
+                onCheckedChange={(checked) =>
+                  setFormState((prev) => ({
+                    ...prev,
+                    face_enhancement: checked,
+                  }))
+                }
+              />
+            </div>
+            <CollapsibleContent className="mt-3 space-y-4">
+              <ParameterSliderRow
+                disabled={!formState.face_enhancement}
+                label="脸部力度"
+                max={1}
+                min={0}
+                onChange={(value) =>
+                  handleNumericField(
+                    "face_enhancement_strength",
+                    clampNumber(value, 0, 1)
+                  )
+                }
+                step={0.01}
+                value={formState.face_enhancement_strength}
+                formatValue={(value) => `${Math.round(value * 100)}%`}
+              />
+              <ParameterSliderRow
+                disabled={!formState.face_enhancement}
+                label="脸部创意"
+                max={1}
+                min={0}
+                onChange={(value) =>
+                  handleNumericField(
+                    "face_enhancement_creativity",
+                    clampNumber(value, 0, 1)
+                  )
+                }
+                step={0.01}
+                value={formState.face_enhancement_creativity}
+                formatValue={(value) => `${Math.round(value * 100)}%`}
+              />
+            </CollapsibleContent>
+          </Collapsible>
         </div>
       </div>
     </div>