diff --git a/apps/web/src/app/login/info/components/sections/profile-section/profile-section.tsx b/apps/web/src/app/login/info/components/sections/profile-section/profile-section.tsx
index 45794186..85e9d0ca 100644
--- a/apps/web/src/app/login/info/components/sections/profile-section/profile-section.tsx
+++ b/apps/web/src/app/login/info/components/sections/profile-section/profile-section.tsx
@@ -38,7 +38,8 @@ const ProfileSection = ({
     handleCameraChange,
     handleAlbumChange,
   } = useImageSourcePicker({
-    onSelect: (file) => {
+    onSelect: ([file]) => {
+      if (!file) return;
       onProfileImageChange(file);
       setIsModalOpen(false);
     },
diff --git a/apps/web/src/app/my/edit/components/my-profile-section.tsx b/apps/web/src/app/my/edit/components/my-profile-section.tsx
index 99eb2a26..b8b47c7b 100644
--- a/apps/web/src/app/my/edit/components/my-profile-section.tsx
+++ b/apps/web/src/app/my/edit/components/my-profile-section.tsx
@@ -50,7 +50,8 @@ const MyProfileSection = ({
     handleCameraChange,
     handleAlbumChange,
   } = useImageSourcePicker({
-    onSelect: (file) => {
+    onSelect: ([file]) => {
+      if (!file) return;
       onProfileImageChange(file);
       setIsModalOpen(false);
     },
diff --git a/apps/web/src/app/my/page.tsx b/apps/web/src/app/my/page.tsx
index 325eef0c..a9437903 100644
--- a/apps/web/src/app/my/page.tsx
+++ b/apps/web/src/app/my/page.tsx
@@ -9,6 +9,8 @@ import { useMyProfileImageQuery } from "@/shared/apis/profile-image/hooks/use-my
 import { ROUTES } from "@/shared/constants/routes";
 import { readProfileImageUrl } from "@/app/my/utils/read-profile-image-url";
 
+const DEFAULT_USER_NAME = "사용자";
+
 type ErrorResponseShape = {
   status?: number;
   code?: string;
@@ -58,12 +60,12 @@ const MyPage = () => {
   );
 
   if (isProfileLoading) return null;
-  if (!profile) return null;
+
   return (
     <MyPageView
-      userName={profile.nickname ?? ""}
-      linkedEmail={profile.email ?? ""}
-      provider={profile.oauthProvider ?? ""}
+      userName={profile?.nickname?.trim() || DEFAULT_USER_NAME}
+      linkedEmail={profile?.email ?? ""}
+      provider={profile?.oauthProvider ?? ""}
       profileImageUrl={profileImageUrl}
       onLogout={() => router.replace(ROUTES.AUTH.LOGIN)}
       onWithdraw={() => router.replace(ROUTES.AUTH.LOGIN)}
diff --git a/apps/web/src/app/wrong/create/components/direct-add-button/direct-add-button.css.ts b/apps/web/src/app/wrong/create/components/direct-add-button/direct-add-button.css.ts
index 9d2fc9c3..f300108b 100644
--- a/apps/web/src/app/wrong/create/components/direct-add-button/direct-add-button.css.ts
+++ b/apps/web/src/app/wrong/create/components/direct-add-button/direct-add-button.css.ts
@@ -2,14 +2,11 @@ import { style } from "@vanilla-extract/css";
 import { vars } from "@/shared/styles/theme.css";
 
 export const button = style({
-  width: "100%",
-  display: "flex",
+  display: "inline-flex",
   alignItems: "center",
   justifyContent: "center",
   gap: "0.8rem",
-  padding: "1.6rem",
-  border: `0.1rem solid ${vars.color.grayscale[100]}`,
-  borderRadius: vars.radius.r12,
+  minWidth: 0,
   cursor: "pointer",
 
   selectors: {
@@ -22,20 +19,21 @@ export const button = style({
 
 export const label = style({
   display: "block",
+  textAlign: "center",
+  whiteSpace: "nowrap",
 });
 
 export const inputWrapper = style({
-  width: "100%",
-  display: "flex",
+  display: "inline-flex",
   alignItems: "center",
   justifyContent: "center",
-  padding: "1.6rem",
-  border: `0.1rem solid ${vars.color.grayscale[100]}`,
-  borderRadius: vars.radius.r12,
+  gap: "0.8rem",
+  minWidth: 0,
+  cursor: "text",
 });
 
 export const input = style({
-  width: "100%",
+  width: "9ch",
   border: "none",
   outline: "none",
   background: "transparent",
@@ -44,7 +42,7 @@ export const input = style({
 
   selectors: {
     "&::placeholder": {
-      color: vars.color.grayscale[100],
+      color: vars.color.grayscale[400],
       opacity: 1,
     },
   },
diff --git a/apps/web/src/app/wrong/create/components/direct-add-button/direct-add-button.tsx b/apps/web/src/app/wrong/create/components/direct-add-button/direct-add-button.tsx
index 9de1b637..adf7ca98 100644
--- a/apps/web/src/app/wrong/create/components/direct-add-button/direct-add-button.tsx
+++ b/apps/web/src/app/wrong/create/components/direct-add-button/direct-add-button.tsx
@@ -110,7 +110,7 @@ const DirectAddButton = (props: DirectAddButtonProps) => {
           s.inputWrapper,
           bgColor["grayscale-0"],
           color["grayscale-400"],
-          typo.body2.medium,
+          typo.body3.medium,
           props.className
         )}
         onClick={() => inputRef.current?.focus()}
@@ -119,9 +119,10 @@ const DirectAddButton = (props: DirectAddButtonProps) => {
           submit();
         }}
       >
+        <Icon name="plus-circle" size={2} aria-hidden="true" />
         <input
           ref={inputRef}
-          className={clsx(s.input, typo.body2.medium, color["grayscale-400"])}
+          className={clsx(s.input, typo.body3.medium, color["grayscale-400"])}
           value={props.value}
           onChange={(e) => props.onValueChange(e.target.value)}
           onKeyDown={handleKeyDown}
@@ -141,7 +142,7 @@ const DirectAddButton = (props: DirectAddButtonProps) => {
 
   const {
     iconName = "plus-circle",
-    iconSizeRem = 2.4,
+    iconSizeRem = 2,
     type = "button",
     onClick,
     disabled = false,
@@ -155,14 +156,14 @@ const DirectAddButton = (props: DirectAddButtonProps) => {
         s.button,
         bgColor["grayscale-0"],
         color["grayscale-400"],
-        typo.body2.medium,
+        typo.body3.medium,
         className
       )}
       onClick={onClick}
       disabled={disabled}
       aria-label={ariaLabel}
     >
-      <Icon name={iconName} size={iconSizeRem} />
+      <Icon name={iconName} size={iconSizeRem} aria-hidden="true" />
       <span className={s.label}>{label}</span>
     </button>
   );
diff --git a/apps/web/src/app/wrong/create/components/steps/step-1.tsx b/apps/web/src/app/wrong/create/components/steps/step-1.tsx
index 7040e689..71483568 100644
--- a/apps/web/src/app/wrong/create/components/steps/step-1.tsx
+++ b/apps/web/src/app/wrong/create/components/steps/step-1.tsx
@@ -7,56 +7,66 @@ import {
   type ImagePickSource,
 } from "@/app/wrong/create/hooks/step1/use-image-source-picker";
 import * as s from "@/app/wrong/create/create.css";
-import { useCreateProblemScanMutation } from "@/shared/apis/problem-scan/hooks/use-create-problem-scan-mutation";
-import type { ProblemScanCreateResponse } from "@/shared/apis/problem-scan/problem-scan-types";
+import { useCreateProblemScanGroupMutation } from "@/shared/apis/problem-scan/hooks/use-create-problem-scan-group-mutation";
+import type { ProblemScanGroupCreateResponse } from "@/shared/apis/problem-scan/problem-scan-types";
 import { validateImageFile } from "@/app/wrong/create/utils/image-file-guard";
 import { useMinLoading } from "@/app/wrong/create/utils/use-min-loading";
 import { toastError } from "@/shared/components/toast/toast";
 
 const MIN_UPLOAD_LOADING_MS = 1000;
+const MAX_SCAN_IMAGE_COUNT = 10;
 
 type Step1Props = {
-  onNext: (res: ProblemScanCreateResponse) => void;
-  onSelectImage?: (file: File, source: ImagePickSource) => void;
+  onNext: (res: ProblemScanGroupCreateResponse) => void;
+  onSelectImage?: (files: File[], source: ImagePickSource) => void;
   disabled?: boolean;
 };
 
 const Step1 = ({ onNext, onSelectImage, disabled = false }: Step1Props) => {
-  const createScanMutation = useCreateProblemScanMutation();
+  const createScanGroupMutation = useCreateProblemScanGroupMutation();
   const minLoading = useMinLoading(MIN_UPLOAD_LOADING_MS);
 
-  const isUploading = createScanMutation.isPending || minLoading.isHolding;
+  const isUploading = createScanGroupMutation.isPending || minLoading.isHolding;
   const isBusy = disabled || isUploading;
 
   const handlePicked = useCallback(
-    (file: File, source: ImagePickSource) => {
+    (files: File[], source: ImagePickSource) => {
       if (isBusy) return;
 
-      const error = validateImageFile(file);
-      if (error) {
-        window.alert(error);
+      if (files.length > MAX_SCAN_IMAGE_COUNT) {
+        toastError(`문제 스캔 이미지는 최대 ${MAX_SCAN_IMAGE_COUNT}장까지 가능해요.`);
         return;
       }
 
+      for (const file of files) {
+        const error = validateImageFile(file);
+        if (error) {
+          window.alert(error);
+          return;
+        }
+      }
+
       minLoading.start();
 
-      createScanMutation.mutate(
-        { file },
+      createScanGroupMutation.mutate(
+        { files },
         {
           onSuccess: (res) => {
             minLoading.end(() => {
-              onSelectImage?.(file, source);
+              onSelectImage?.(files, source);
               onNext(res);
             });
           },
           onError: () => {
             minLoading.cancel();
-            toastError("문제 스캔 업로드에 실패했어요. 다시 시도해 주세요.");
+            toastError(
+              "문제 이미지 업로드에 실패했어요. 다시 시도해 주세요."
+            );
           },
         }
       );
     },
-    [createScanMutation, isBusy, minLoading, onNext, onSelectImage]
+    [createScanGroupMutation, isBusy, minLoading, onNext, onSelectImage]
   );
 
   const {
@@ -88,6 +98,7 @@ const Step1 = ({ onNext, onSelectImage, disabled = false }: Step1Props) => {
         ref={albumInputRef}
         type="file"
         accept="image/*"
+        multiple
         onChange={handleAlbumChange}
         disabled={isBusy}
       />
diff --git a/apps/web/src/app/wrong/create/components/steps/step-2.tsx b/apps/web/src/app/wrong/create/components/steps/step-2.tsx
deleted file mode 100644
index 5ed1b6a0..00000000
--- a/apps/web/src/app/wrong/create/components/steps/step-2.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-"use client";
-
-import Chip from "@/shared/components/chip/chip";
-import Divider from "@/shared/components/divider/divider";
-import Icon from "@/shared/components/icon/icon";
-import Checkbox from "@/shared/components/checkbox/checkbox";
-import * as s from "@/app/wrong/create/components/steps/step.css";
-import type { StepProps } from "@/app/wrong/create/page";
-import { CHAPTER_FILTERS } from "@/app/wrong/(list)/constants/wrong-filters";
-import type { ChapterKey } from "@/app/wrong/create/utils/chapter-recommend";
-import { useStep2Selection } from "@/app/wrong/create/hooks/step2/use-step-2-selection";
-
-type Step2Props = StepProps & {
-  scanId?: number | string | null;
-};
-
-const Step2 = ({ onNextEnabledChange, scanId = null }: Step2Props) => {
-  const {
-    viewChapterId,
-    viewUnitId,
-    isOpen,
-    unitOptions,
-    chapterLabel,
-    onToggle,
-    onSelectUnit,
-  } = useStep2Selection({ scanId, onNextEnabledChange });
-
-  return (
-    <div className={s.container}>
-      <div className={s.chipGrid}>
-        {CHAPTER_FILTERS.map((chapter) => {
-          const chapterId = chapter.id as ChapterKey;
-
-          return (
-            <Chip
-              key={chapter.id}
-              fullWidth={true}
-              shape="pill"
-              label={chapter.label}
-              state={viewChapterId === chapterId ? "active" : "default"}
-              onClick={() => onToggle(chapterId)}
-            />
-          );
-        })}
-      </div>
-
-      <div className={s.dividerReveal({ open: isOpen })}>
-        <Divider />
-      </div>
-
-      <div className={s.checkReveal({ open: isOpen })}>
-        <div className={s.checkSection}>
-          <div className={s.checkTitleSection}>
-            <Icon name="triangle" size={2} className={s.icon} />
-            <p className={s.checkTitle}>{chapterLabel}</p>
-          </div>
-
-          <div className={s.checkList}>
-            {unitOptions.map((opt) => (
-              <Checkbox
-                key={opt.id}
-                label={opt.label}
-                checked={viewUnitId === opt.id}
-                onChange={onSelectUnit(opt.id)}
-              />
-            ))}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Step2;
diff --git a/apps/web/src/app/wrong/create/components/steps/step-3.tsx b/apps/web/src/app/wrong/create/components/steps/step-3.tsx
deleted file mode 100644
index 0e8a2b75..00000000
--- a/apps/web/src/app/wrong/create/components/steps/step-3.tsx
+++ /dev/null
@@ -1,219 +0,0 @@
-"use client";
-
-import { useCallback, useMemo, useState } from "react";
-import clsx from "clsx";
-import { Button } from "@/shared/components/button/button/button";
-import DirectAddButton from "@/app/wrong/create/components/direct-add-button/direct-add-button";
-import * as s from "@/app/wrong/create/components/steps/step.css";
-import type { StepProps } from "@/app/wrong/create/page";
-import { useStep3Selection } from "@/app/wrong/create/hooks/step3/use-step-3-selection";
-import { useCustomTypeOrder } from "@/app/wrong/create/hooks/step3/use-custom-type-order";
-import { useAsyncIdLock } from "@/app/wrong/create/hooks/step3/use-async-id-lock";
-import Modal from "@/shared/components/modal/modal/modal";
-import TypeCardHitButton from "@/app/wrong/create/components/type-card/type-card-hit-button";
-import TypeCardDeleteButton from "@/app/wrong/create/components/type-card/type-card-delete-button";
-
-type Step3Props = StepProps & {
-  scanId?: number | string | null;
-};
-
-type DeleteTarget = { id: string; label: string };
-
-type ItemLike = {
-  id: string;
-};
-
-const reconcileOrder = <T extends ItemLike>(
-  ordered: readonly T[],
-  source: readonly T[]
-) => {
-  const byId = new Map(source.map((v) => [v.id, v]));
-  const seen = new Set<string>();
-  const out: T[] = [];
-
-  ordered.forEach((it) => {
-    const real = byId.get(it.id);
-    if (!real) return;
-    if (seen.has(real.id)) return;
-    seen.add(real.id);
-    out.push(real);
-  });
-
-  source.forEach((it) => {
-    if (seen.has(it.id)) return;
-    seen.add(it.id);
-    out.push(it);
-  });
-
-  return out;
-};
-
-const Step3 = ({ onNextEnabledChange, scanId = null }: Step3Props) => {
-  const {
-    isTypeLoading,
-    viewItems,
-    viewSelectedTypeIds,
-    suggestedNames,
-    addSuggested,
-    isAdding,
-    draft,
-    setDraft,
-    openAdd,
-    closeAdd,
-    commitAdd,
-    toggleType,
-    removeType,
-    updateSortOrder,
-  } = useStep3Selection({ scanId, onNextEnabledChange });
-
-  const { lockedId: removingId, run: runRemove } = useAsyncIdLock();
-
-  const { orderedItems, draggingId, isReordering, getSortableProps } =
-    useCustomTypeOrder({
-      items: viewItems,
-      updateSortOrder,
-    });
-
-  const orderedItemsSafe = useMemo(() => {
-    return reconcileOrder(orderedItems, viewItems);
-  }, [orderedItems, viewItems]);
-
-  const [deleteTarget, setDeleteTarget] = useState<DeleteTarget | null>(null);
-
-  const closeDeleteModal = useCallback(() => {
-    setDeleteTarget(null);
-  }, []);
-
-  const openDeleteModal = useCallback((target: DeleteTarget) => {
-    setDeleteTarget(target);
-  }, []);
-
-  const handleRemove = useCallback(
-    async (typeId: string) => {
-      if (isReordering) return;
-
-      await runRemove(typeId, async () => {
-        await removeType(typeId);
-      });
-    },
-    [isReordering, removeType, runRemove]
-  );
-
-  const confirmDelete = useCallback(() => {
-    if (!deleteTarget) return;
-    void handleRemove(deleteTarget.id);
-    closeDeleteModal();
-  }, [closeDeleteModal, deleteTarget, handleRemove]);
-
-  if (isTypeLoading) return null;
-
-  const isDraggingNow = Boolean(draggingId);
-
-  return (
-    <>
-      <div className={s.container}>
-        {suggestedNames.length > 0 ? (
-          <div className={s.buttonGrid}>
-            {suggestedNames.map((name) => (
-              <Button
-                key={name}
-                size="56"
-                label={`${name} 추가`}
-                tone="surface"
-                onClick={() => void addSuggested(name)}
-              />
-            ))}
-          </div>
-        ) : null}
-
-        <div className={s.buttonGrid}>
-          {orderedItemsSafe.map((item) => {
-            const isSelected = viewSelectedTypeIds.includes(item.id);
-            const sortableProps = getSortableProps(item);
-            const isRemovingThis = item.custom && removingId === item.id;
-            const cardDisabled = isRemovingThis;
-
-            const deleteActionDisabled =
-              !item.custom || isRemovingThis || isReordering || isDraggingNow;
-
-            const labelId = `type-label-${item.id}`;
-
-            return (
-              <div
-                key={item.id}
-                className={clsx(
-                  s.typeButtonWrap,
-                  item.custom && s.typeDraggableArea,
-                  draggingId === item.id && s.typeDragging
-                )}
-                {...sortableProps}
-                onContextMenuCapture={(e) => {
-                  if (!item.custom) return;
-                  e.preventDefault();
-                  e.stopPropagation();
-                }}
-              >
-                <div
-                  className={s.typeCard({
-                    tone: isSelected ? "active" : "surface",
-                    disabled: cardDisabled,
-                  })}
-                >
-                  <TypeCardHitButton
-                    labelId={labelId}
-                    pressed={isSelected}
-                    disabled={cardDisabled}
-                    onClick={() => {
-                      if (cardDisabled) return;
-                      if (isDraggingNow) return;
-                      toggleType(item);
-                    }}
-                  />
-
-                  <div className={s.typeCardRow}>
-                    <span id={labelId} className={s.typeCardLabel}>
-                      {item.label}
-                    </span>
-
-                    {item.custom ? (
-                      <TypeCardDeleteButton
-                        label={item.label}
-                        selected={isSelected}
-                        disabled={deleteActionDisabled}
-                        onDelete={() => {
-                          openDeleteModal({ id: item.id, label: item.label });
-                        }}
-                      />
-                    ) : null}
-                  </div>
-                </div>
-              </div>
-            );
-          })}
-
-          <DirectAddButton
-            mode={isAdding ? "input" : "button"}
-            value={draft}
-            onValueChange={setDraft}
-            onSubmit={commitAdd}
-            onCancel={closeAdd}
-            onClick={openAdd}
-          />
-        </div>
-      </div>
-
-      <Modal
-        isOpen={Boolean(deleteTarget)}
-        onClose={closeDeleteModal}
-        title="유형 삭제"
-        description="정말 유형을 삭제하시겠어요?"
-        cancelLabel="취소"
-        confirmLabel="삭제"
-        onCancel={closeDeleteModal}
-        onConfirm={confirmDelete}
-      />
-    </>
-  );
-};
-
-export default Step3;
diff --git a/apps/web/src/app/wrong/create/components/steps/step-4.tsx b/apps/web/src/app/wrong/create/components/steps/step-4.tsx
deleted file mode 100644
index ac29f256..00000000
--- a/apps/web/src/app/wrong/create/components/steps/step-4.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-"use client";
-
-import Image from "next/image";
-import TextField from "@/shared/components/text-field/text-field";
-import { Toggle } from "@/shared/components/toggle/toggle";
-import { NumberChoice } from "@/shared/components/number-choice/number-choice";
-import type { StepProps } from "@/app/wrong/create/page";
-import { TOGGLE_OPTIONS } from "@/app/wrong/create/constants/option-labels";
-import SampleImg from "@/shared/assets/images/wrong-sample.png";
-import * as s from "@/app/wrong/create/components/steps/step.css";
-import AiSolutionText from "@/app/wrong/create/components/ai-solution-text/ai-solution-text";
-import { useProblemScanSummaryQuery } from "@/shared/apis/problem-scan/hooks/use-problem-scan-summary-query";
-
-import type {
-  ToggleValue,
-  Step4FormState,
-  Step4Handlers,
-} from "@/app/wrong/create/hooks/step4/use-step4-form";
-
-type Step4Props = StepProps & {
-  scanId: number | null;
-  form: Step4FormState;
-  handlers: Step4Handlers;
-};
-
-const Step4 = ({ scanId, form, handlers }: Step4Props) => {
-  const { data: summary } = useProblemScanSummaryQuery(scanId);
-  const imageUrl = summary?.originalImage?.viewUrl ?? null;
-
-  return (
-    <div className={s.step4Container}>
-      {imageUrl ? (
-        <Image
-          src={imageUrl}
-          alt="문제 이미지"
-          width={500}
-          height={500}
-          sizes="100vw"
-          unoptimized
-          className={s.image}
-          style={{ width: "100%", height: "auto" }}
-        />
-      ) : (
-        <Image
-          src={SampleImg}
-          alt="문제 이미지 샘플"
-          width={SampleImg.width}
-          height={SampleImg.height}
-          className={s.image}
-          priority
-        />
-      )}
-
-      <div className={s.explanationSection}>
-        <div className={s.explanationContent}>
-          <div className={s.numberTitleRow}>
-            <span className={s.explanationTitle}>정답</span>
-
-            <Toggle<ToggleValue>
-              value={form.type}
-              onValueChange={handlers.handleTypeChange}
-              options={TOGGLE_OPTIONS}
-            />
-          </div>
-
-          {form.type === "objective" ? (
-            <NumberChoice
-              value={form.answerChoice}
-              onValueChange={handlers.handleChoiceChange}
-            />
-          ) : (
-            <TextField
-              fullWidth
-              placeholder="정답을 입력해주세요."
-              value={form.answerText}
-              onChange={(e) => handlers.handleAnswerTextChange(e.target.value)}
-            />
-          )}
-        </div>
-        <AiSolutionText />
-      </div>
-    </div>
-  );
-};
-
-export default Step4;
diff --git a/apps/web/src/app/wrong/create/components/steps/step.css.ts b/apps/web/src/app/wrong/create/components/steps/step.css.ts
deleted file mode 100644
index b72a2d87..00000000
--- a/apps/web/src/app/wrong/create/components/steps/step.css.ts
+++ /dev/null
@@ -1,250 +0,0 @@
-import { style } from "@vanilla-extract/css";
-import { recipe } from "@vanilla-extract/recipes";
-import { bgColor, color } from "@/shared/styles/color.css";
-import { typo } from "@/shared/styles/typography.css";
-import { vars } from "@/shared/styles/theme.css";
-
-export const container = style({
-  width: "100%",
-  flexDirection: "column",
-  display: "flex",
-  gap: "2rem",
-  selectors: {
-    "&": {
-      scrollbarWidth: "none",
-      msOverflowStyle: "none",
-    },
-    "&::-webkit-scrollbar": {
-      display: "none",
-    },
-  },
-});
-
-export const chipGrid = style({
-  display: "grid",
-  gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
-  gap: "1.2rem",
-  padding: "0 1.6rem",
-});
-
-export const icon = style([color["grayscale-700"]]);
-
-export const checkSection = style({
-  flexDirection: "column",
-  gap: "1.2rem",
-  display: "flex",
-});
-
-export const checkTitleSection = style({
-  alignItems: "center",
-  gap: "0.8rem",
-  display: "flex",
-  padding: "0 1.6rem",
-});
-
-export const checkTitle = style([typo.body2.medium, color["grayscale-700"]]);
-
-export const checkList = style({
-  alignItems: "center",
-  gap: "1.6rem",
-  padding: "0 1.6rem",
-  flexWrap: "wrap",
-  display: "flex",
-});
-
-export const buttonGrid = style({
-  display: "grid",
-  gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
-  columnGap: "1.2rem",
-  rowGap: "1.6rem",
-  padding: "0 1.6rem",
-});
-
-export const dividerReveal = recipe({
-  base: {
-    overflow: "hidden",
-    maxHeight: 0,
-    opacity: 0,
-    transform: "translateY(0.8rem)",
-    pointerEvents: "none",
-    willChange: "max-height, opacity, transform",
-    transition:
-      "max-height 220ms cubic-bezier(0.2, 0, 0, 1), opacity 180ms cubic-bezier(0.2, 0, 0, 1), transform 220ms cubic-bezier(0.2, 0, 0, 1)",
-
-    "@media": {
-      "(prefers-reduced-motion: reduce)": {
-        transition: "none",
-        transform: "none",
-      },
-    },
-  },
-  variants: {
-    open: {
-      true: {
-        maxHeight: "2.0rem",
-        opacity: 1,
-        transform: "translateY(0)",
-        pointerEvents: "auto",
-      },
-      false: {},
-    },
-  },
-  defaultVariants: { open: false },
-});
-
-export const checkReveal = recipe({
-  base: {
-    overflow: "hidden",
-    maxHeight: 0,
-    opacity: 0,
-    transform: "translateY(10rem)",
-    pointerEvents: "none",
-    willChange: "max-height, opacity, transform",
-
-    transition:
-      "max-height 360ms cubic-bezier(0.2, 0, 0, 1), opacity 220ms cubic-bezier(0.2, 0, 0, 1) 60ms, transform 450ms cubic-bezier(0.2, 0, 0, 1) 60ms",
-
-    "@media": {
-      "(prefers-reduced-motion: reduce)": {
-        transition: "none",
-        transform: "none",
-      },
-    },
-  },
-  variants: {
-    open: {
-      true: {
-        maxHeight: "40rem",
-        opacity: 1,
-        transform: "translateY(0)",
-        pointerEvents: "auto",
-      },
-      false: {},
-    },
-  },
-  defaultVariants: { open: false },
-});
-
-export const step4Container = style({
-  alignItems: "center",
-  gap: "2.4rem",
-  padding: "0 1.6rem",
-  display: "flex",
-  flexDirection: "column",
-});
-
-export const image = style({
-  width: "100%",
-  height: "auto",
-  display: "block",
-  borderRadius: vars.radius.r12,
-  border: `0.1rem solid ${vars.color.grayscale[100]}`,
-});
-
-export const explanationTitle = style([
-  typo.body2.semibold,
-  color["grayscale-700"],
-  { width: "100%" },
-]);
-
-export const explanationSection = style({
-  width: "100%",
-  display: "flex",
-  flexDirection: "column",
-  gap: "2rem",
-  alignItems: "stretch",
-});
-
-export const explanationContent = style({
-  width: "100%",
-  display: "flex",
-  flexDirection: "column",
-  gap: "1.2rem",
-  alignItems: "stretch",
-});
-
-export const numberTitleRow = style({
-  width: "100%",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-});
-
-export const typeDeleteOverlayDisabled = style({
-  opacity: 0.6,
-  cursor: "default",
-});
-
-export const typeButtonWrap = style({
-  position: "relative",
-  width: "100%",
-  display: "flex",
-  flex: "1 1 0",
-  minWidth: 0,
-});
-
-export const typeButton = style({
-  width: "100%",
-  flex: "1 1 0",
-  minWidth: 0,
-});
-
-export const typeDragging = style({
-  opacity: 0.75,
-});
-
-export const typeDraggableArea = style({
-  touchAction: "none",
-  userSelect: "none",
-  WebkitUserSelect: "none",
-  WebkitTouchCallout: "none",
-  WebkitTapHighlightColor: "transparent",
-});
-
-export const typeCard = recipe({
-  base: [
-    typo.body2.medium,
-    {
-      width: "100%",
-      minHeight: "5.6rem",
-      padding: "1.6rem",
-      borderRadius: vars.radius.r12,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      cursor: "pointer",
-      outline: "none",
-      userSelect: "none",
-      selectors: {
-        "&:focus-visible": {
-          boxShadow: `0 0 0 0.2rem ${vars.color.grayscale[200]}`,
-        },
-      },
-    },
-  ],
-  variants: {
-    tone: {
-      surface: [bgColor["grayscale-50"], color["grayscale-700"]],
-      active: [bgColor["main-100"], color["main-500"]],
-    },
-    disabled: {
-      true: { opacity: 0.4, cursor: "default" },
-      false: {},
-    },
-  },
-  defaultVariants: {
-    tone: "surface",
-    disabled: false,
-  },
-});
-
-export const typeCardRow = style({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  gap: "1.2rem",
-});
-
-export const typeCardLabel = style({
-  display: "block",
-});
diff --git a/apps/web/src/app/wrong/create/components/wrong-create-steps/wrong-create-steps.tsx b/apps/web/src/app/wrong/create/components/wrong-create-steps/wrong-create-steps.tsx
deleted file mode 100644
index e54196ac..00000000
--- a/apps/web/src/app/wrong/create/components/wrong-create-steps/wrong-create-steps.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-"use client";
-
-import Step1 from "@/app/wrong/create/components/steps/step-1";
-import Step2 from "@/app/wrong/create/components/steps/step-2";
-import Step3 from "@/app/wrong/create/components/steps/step-3";
-import Step4 from "@/app/wrong/create/components/steps/step-4";
-import type { ProblemScanCreateResponse } from "@/shared/apis/problem-scan/problem-scan-types";
-import type { StepProps } from "@/app/wrong/create/page";
-import type {
-  Step4FormState,
-  Step4Handlers,
-} from "@/app/wrong/create/hooks/step4/use-step4-form";
-
-type WrongCreateStepsProps = {
-  currentStep: number;
-  scanId: number | null;
-  isStep1Blocked: boolean;
-  onUploaded: (res: ProblemScanCreateResponse) => void;
-  onNextEnabledChange: NonNullable<StepProps["onNextEnabledChange"]>;
-  form: Step4FormState;
-  handlers: Step4Handlers;
-};
-
-const WrongCreateSteps = ({
-  currentStep,
-  scanId,
-  isStep1Blocked,
-  onUploaded,
-  onNextEnabledChange,
-  form,
-  handlers,
-}: WrongCreateStepsProps) => {
-  return (
-    <>
-      {currentStep === 1 && !isStep1Blocked ? (
-        <Step1 onNext={onUploaded} disabled={false} />
-      ) : null}
-
-      {currentStep === 2 ? (
-        <Step2
-          key={String(scanId ?? "none")}
-          scanId={scanId}
-          onNextEnabledChange={onNextEnabledChange}
-        />
-      ) : null}
-
-      {currentStep === 3 ? (
-        <Step3
-          key={String(scanId ?? "none")}
-          scanId={scanId}
-          onNextEnabledChange={onNextEnabledChange}
-        />
-      ) : null}
-
-      {currentStep === 4 ? (
-        <Step4
-          scanId={scanId}
-          onNextEnabledChange={onNextEnabledChange}
-          form={form}
-          handlers={handlers}
-        />
-      ) : null}
-    </>
-  );
-};
-
-export default WrongCreateSteps;
diff --git a/apps/web/src/app/wrong/create/done/page.tsx b/apps/web/src/app/wrong/create/done/page.tsx
index 5b56612e..e64da494 100644
--- a/apps/web/src/app/wrong/create/done/page.tsx
+++ b/apps/web/src/app/wrong/create/done/page.tsx
@@ -12,21 +12,13 @@ import { Button } from "@/shared/components/button/button/button";
 const WrongCreateDonePage = () => {
   const router = useRouter();
 
-  const handleGoCreate = () => {
-    router.push(ROUTES.WRONG.CREATE);
-  };
-
-  const handleGoHome = () => {
-    router.push(ROUTES.HOME);
-  };
-
   return (
     <div className={s.page}>
       <DoneIllustration />
 
       <div className={s.textBlock}>
         <h2 className={clsx(typo.h2, color["grayscale-900"])}>
-          문제가 등록됐어요.
+          문제가 등록됐어요
         </h2>
         <p className={clsx(typo.body1.medium, color["grayscale-600"])}>
           이제 천천히 오답을 정리해볼까요?
@@ -37,9 +29,13 @@ const WrongCreateDonePage = () => {
         <Button
           tone="dark"
           label="문제 계속 등록하기"
-          onClick={handleGoCreate}
+          onClick={() => router.push(ROUTES.WRONG.CREATE)}
+        />
+        <Button
+          tone="default"
+          label="홈으로"
+          onClick={() => router.push(ROUTES.HOME)}
         />
-        <Button tone="default" label="홈으로" onClick={handleGoHome} />
       </div>
     </div>
   );
diff --git a/apps/web/src/app/wrong/create/hooks/step1/use-image-source-picker.ts b/apps/web/src/app/wrong/create/hooks/step1/use-image-source-picker.ts
index d5b5ce9f..9d9ea3bf 100644
--- a/apps/web/src/app/wrong/create/hooks/step1/use-image-source-picker.ts
+++ b/apps/web/src/app/wrong/create/hooks/step1/use-image-source-picker.ts
@@ -6,7 +6,7 @@ export type ImagePickSource = "camera" | "album";
 
 type Params = {
   disabled?: boolean;
-  onSelect?: (file: File, source: ImagePickSource) => void;
+  onSelect?: (files: File[], source: ImagePickSource) => void;
 };
 
 const resetAndClick = (ref: RefObject<HTMLInputElement | null>) => {
@@ -36,10 +36,10 @@ export const useImageSourcePicker = ({
 
   const handlePick =
     (source: ImagePickSource) => (e: ChangeEvent<HTMLInputElement>) => {
-      const file = e.target.files?.[0];
-      if (!file) return;
+      const files = Array.from(e.target.files ?? []);
+      if (files.length === 0) return;
 
-      onSelect?.(file, source);
+      onSelect?.(files, source);
       e.target.value = "";
     };
 
diff --git a/apps/web/src/app/wrong/create/hooks/step1/use-step1-summary-transition.ts b/apps/web/src/app/wrong/create/hooks/step1/use-step1-summary-transition.ts
index cc984d5c..1f294aa6 100644
--- a/apps/web/src/app/wrong/create/hooks/step1/use-step1-summary-transition.ts
+++ b/apps/web/src/app/wrong/create/hooks/step1/use-step1-summary-transition.ts
@@ -1,311 +1,253 @@
 "use client";
 
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import type { ProblemScanCreateResponse } from "@/shared/apis/problem-scan/problem-scan-types";
-import { useProblemScanSummaryQuery } from "@/shared/apis/problem-scan/hooks/use-problem-scan-summary-query";
+import { useCallback, useEffect, useMemo, useRef } from "react";
 import { toastError } from "@/shared/components/toast/toast";
 import { getFailToastMessage } from "@/app/wrong/create/utils/get-fail-toast-message";
+import type {
+  ProblemScanGroupCreateResponse,
+  ProblemScanGroupSummaryResponse,
+  ProblemScanSummaryResponse,
+} from "@/shared/apis/problem-scan/problem-scan-types";
+import { problemScanApi } from "@/shared/apis/problem-scan/problem-scan-api";
+import { useProblemTypesQuery } from "@/shared/apis/problem-type/hooks/use-problem-types-query";
+import { computeRecommendation } from "@/app/wrong/create/utils/chapter-recommend";
 import {
-  defer,
-  readClassification,
-  readFailReason,
-  readStatus,
-} from "@/app/wrong/create/utils/scan-summary-reader";
+  createWrongCreateGroupId,
+  saveWrongCreateGroupContext,
+} from "@/app/wrong/create/utils/group-context";
+import type { ProblemCreateRequest } from "@/shared/apis/problem-create/problem-create-types";
+import { ROUTES } from "@/shared/constants/routes";
 import {
-  SUMMARY_FETCH_DELAY_MS,
-  SUMMARY_MAX_WAIT_MS,
-  SUMMARY_POLL_INTERVAL_MS,
-} from "@/app/wrong/create/constants/summary-time";
+  SUBJECT_NAME_BY_ID,
+  UNIT_BY_ID,
+} from "@/shared/constants/math-curriculum";
+
+const POLL_INTERVAL_MS = 1200;
 
 type Params = {
-  currentStep: number;
-  scanId: number | null;
-  spString: string;
-  pathname: string;
-  router: { replace: (href: string, options?: { scroll?: boolean }) => void };
+  scanIds: number[];
+  groupId: string | null;
   goStep: (nextStep: number, extra?: Record<string, string | null>) => void;
+  router: { push: (href: string) => void };
 };
 
-export const useStep1SummaryTransition = ({
-  currentStep,
-  scanId,
-  goStep,
-}: Params) => {
-  const [scanIdForSummaryQuery, setScanIdForSummaryQuery] = useState<
-    number | null
-  >(null);
-  const [isWaitingDelay, setIsWaitingDelay] = useState(false);
-  const [isRetryActionsVisible, setIsRetryActionsVisible] = useState(false);
-
-  const delayTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-  const pollTimerRef = useRef<ReturnType<typeof setInterval> | null>(null);
-  const maxWaitTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-
-  const mountedRef = useRef(true);
-  const flowScanIdRef = useRef<number | null>(null);
-  const transitionedScanIdRef = useRef<number | null>(null);
-  const failedScanIdRef = useRef<number | null>(null);
-
-  useEffect(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-    };
-  }, []);
-
-  const clearDelayTimer = useCallback(() => {
-    if (!delayTimerRef.current) return;
-    clearTimeout(delayTimerRef.current);
-    delayTimerRef.current = null;
-  }, []);
-
-  const clearPollTimer = useCallback(() => {
-    if (!pollTimerRef.current) return;
-    clearInterval(pollTimerRef.current);
-    pollTimerRef.current = null;
-  }, []);
-
-  const clearMaxWaitTimer = useCallback(() => {
-    if (!maxWaitTimerRef.current) return;
-    clearTimeout(maxWaitTimerRef.current);
-    maxWaitTimerRef.current = null;
-  }, []);
-
-  const clearAllTimers = useCallback(() => {
-    clearDelayTimer();
-    clearPollTimer();
-    clearMaxWaitTimer();
-  }, [clearDelayTimer, clearPollTimer, clearMaxWaitTimer]);
-
-  useEffect(() => {
-    return () => clearAllTimers();
-  }, [clearAllTimers]);
-
-  useEffect(() => {
-    if (!scanId) {
-      flowScanIdRef.current = null;
-      transitionedScanIdRef.current = null;
-      failedScanIdRef.current = null;
-      clearAllTimers();
-
-      defer(() => {
-        if (!mountedRef.current) return;
-        setScanIdForSummaryQuery(null);
-        setIsWaitingDelay(false);
-        setIsRetryActionsVisible(false);
-      });
-
-      return;
-    }
-
-    if (flowScanIdRef.current === scanId) return;
-
-    flowScanIdRef.current = scanId;
-    transitionedScanIdRef.current = null;
-    failedScanIdRef.current = null;
-
-    clearAllTimers();
-
-    const flowId = scanId;
-
-    defer(() => {
-      if (!mountedRef.current) return;
-      if (flowScanIdRef.current !== flowId) return;
-      setScanIdForSummaryQuery(flowId);
-      setIsRetryActionsVisible(false);
-      setIsWaitingDelay(currentStep === 1);
-    });
-
-    if (currentStep === 1) {
-      delayTimerRef.current = setTimeout(() => {
-        if (!mountedRef.current) return;
-        if (flowScanIdRef.current !== flowId) return;
-        setIsWaitingDelay(false);
-        delayTimerRef.current = null;
-      }, SUMMARY_FETCH_DELAY_MS);
-    }
-
-    maxWaitTimerRef.current = setTimeout(() => {
-      if (!mountedRef.current) return;
-      if (flowScanIdRef.current !== flowId) return;
-      setIsRetryActionsVisible(true);
-      clearPollTimer();
-      maxWaitTimerRef.current = null;
-    }, SUMMARY_MAX_WAIT_MS);
-  }, [scanId, currentStep, clearAllTimers, clearPollTimer]);
-
-  const {
-    data: prefetchedSummary,
-    isFetching: isSummaryFetching,
-    isError: isSummaryError,
-    refetch: refetchSummary,
-  } = useProblemScanSummaryQuery(scanIdForSummaryQuery);
-
-  const failReason = useMemo(
-    () => readFailReason(prefetchedSummary),
-    [prefetchedSummary]
-  );
-  const scanStatus = useMemo(
-    () => readStatus(prefetchedSummary),
-    [prefetchedSummary]
-  );
-
-  const isFailed = useMemo(() => {
-    if (failReason) return true;
-    if (scanStatus === "FAILED") return true;
-    return false;
-  }, [failReason, scanStatus]);
-
-  useEffect(() => {
-    if (!scanIdForSummaryQuery) return;
-    if (!isFailed) return;
-
-    if (failedScanIdRef.current === scanIdForSummaryQuery) return;
-    failedScanIdRef.current = scanIdForSummaryQuery;
-
-    clearAllTimers();
-
-    toastError(getFailToastMessage(failReason ?? "UNKNOWN"));
-
-    defer(() => {
-      if (!mountedRef.current) return;
-
-      setScanIdForSummaryQuery(null);
-      setIsWaitingDelay(false);
-      setIsRetryActionsVisible(false);
+const dedupe = (values: string[]) =>
+  Array.from(new Set(values.filter(Boolean)));
 
-      goStep(1, {
-        scanId: null,
-        chapterId: null,
-        unitId: null,
-        typeIds: null,
-      });
-    });
-  }, [scanIdForSummaryQuery, isFailed, failReason, clearAllTimers, goStep]);
+const isFailedSummary = (summary: ProblemScanSummaryResponse) => {
+  return summary.status === "FAILED" || Boolean(summary.failReason);
+};
 
-  const clsState = useMemo(
-    () => readClassification(prefetchedSummary),
-    [prefetchedSummary]
+const buildPayloadFromSummary = (
+  summary: ProblemScanSummaryResponse,
+  problemTypeNames: Map<string, string>
+): ProblemCreateRequest => {
+  const fallback = computeRecommendation({
+    aiSubjectName: summary.classification.subject?.name ?? null,
+    aiUnitName: summary.classification.unit?.name ?? null,
+  });
+
+  const finalUnitId = summary.classification.unit?.id ?? fallback.unitId ?? "";
+
+  const finalTypeIds = dedupe(
+    (summary.classification.types ?? [])
+      .map((type) => {
+        if (type.id) return type.id;
+        if (type.name) {
+          return problemTypeNames.get(type.name.trim()) ?? null;
+        }
+        return null;
+      })
+      .filter((value): value is string => Boolean(value))
   );
 
-  const isSummaryReady = useMemo(() => {
-    if (!prefetchedSummary) return false;
-    if (isFailed) return false;
-
-    if (!clsState) return false;
-    if (clsState.needsReview) return true;
-
-    return (
-      scanStatus === "AI_DONE" &&
-      clsState.hasSubject &&
-      clsState.hasUnit &&
-      clsState.hasTypes
-    );
-  }, [prefetchedSummary, isFailed, clsState, scanStatus]);
-
-  const showRetryActions = useMemo(() => {
-    const isErrorStable = isSummaryError && !isSummaryFetching;
-    return isRetryActionsVisible || isErrorStable;
-  }, [isRetryActionsVisible, isSummaryError, isSummaryFetching]);
-
-  useEffect(() => {
-    if (currentStep !== 1) return;
-    if (!scanId) return;
-    if (!scanIdForSummaryQuery) return;
-    if (isFailed) return;
-    if (!isSummaryReady) return;
+  return {
+    scanId: summary.scanId,
+    finalUnitId,
+    finalTypeIds,
+    answerFormat: "CHOICE",
+  };
+};
 
-    if (transitionedScanIdRef.current === scanId) return;
-    transitionedScanIdRef.current = scanId;
+export const useStep1SummaryTransition = ({
+  scanIds,
+  groupId,
+  goStep,
+  router,
+}: Params) => {
+  const { data: problemTypes = [] } = useProblemTypesQuery();
+
+  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const isMountedRef = useRef(true);
+  const flowKeyRef = useRef<string>("");
+  const createdFlowRef = useRef<string>("");
+  const pollSummariesRef = useRef<() => void>(() => undefined);
+
+  const problemTypeNames = useMemo(() => {
+    return new Map(problemTypes.map((type) => [type.name.trim(), type.id]));
+  }, [problemTypes]);
+
+  const clearTimer = useCallback(() => {
+    if (!timerRef.current) return;
+    clearTimeout(timerRef.current);
+    timerRef.current = null;
+  }, []);
 
-    goStep(2, {
-      scanId: String(scanId),
+  const resetFlow = useCallback(() => {
+    clearTimer();
+    createdFlowRef.current = "";
+    goStep(1, {
+      scanId: null,
+      groupId: null,
+      scanIds: null,
       chapterId: null,
       unitId: null,
       typeIds: null,
     });
-  }, [
-    currentStep,
-    scanId,
-    scanIdForSummaryQuery,
-    isFailed,
-    isSummaryReady,
-    goStep,
-  ]);
+  }, [clearTimer, goStep]);
+
+  const createGroupContext = useCallback(
+    (summaries: ProblemScanSummaryResponse[]) => {
+      const items = summaries.map((summary) => {
+        const payload = buildPayloadFromSummary(summary, problemTypeNames);
+        const unit = payload.finalUnitId ? UNIT_BY_ID[payload.finalUnitId] : undefined;
+        const subjectName =
+          summary?.classification.subject?.name ??
+          (unit?.subjectId ? SUBJECT_NAME_BY_ID[unit.subjectId] : "Unknown");
+        const unitName =
+          summary?.classification.unit?.name ??
+          unit?.name ??
+          "Uploaded problem";
+        const typeNames =
+          payload?.finalTypeIds.map(
+            (typeId) =>
+              problemTypes.find((type) => type.id === typeId)?.name ?? typeId
+          ) ?? [];
+
+        return {
+          scanId: payload.scanId,
+          finalUnitId: payload.finalUnitId,
+          finalTypeIds: payload.finalTypeIds,
+          answerFormat: payload.answerFormat,
+          answerChoiceNo: payload.answerChoiceNo ?? null,
+          answerValue: payload.answerValue ?? null,
+          title: `${unitName} 문제`,
+          imageUrl: summary?.originalImage.viewUrl ?? "",
+          subjectName,
+          unitName,
+          typeNames,
+          needsReview:
+            summary?.classification.needsReview ??
+            (!payload.finalUnitId || payload.finalTypeIds.length === 0),
+        };
+      });
 
-  useEffect(() => {
-    if (!scanIdForSummaryQuery) return;
+      const groupId = createWrongCreateGroupId();
+      saveWrongCreateGroupContext({
+        id: groupId,
+        createdAt: Date.now(),
+        items,
+      });
 
-    if (isFailed) {
-      clearPollTimer();
-      clearMaxWaitTimer();
-      return;
-    }
+      router.push(
+        `${ROUTES.WRONG.CREATE_SCANS}?group=${encodeURIComponent(groupId)}`
+      );
+    },
+    [problemTypeNames, problemTypes, router]
+  );
 
-    if (isSummaryReady) {
-      clearPollTimer();
-      clearMaxWaitTimer();
+  const pollSummaries = useCallback(async () => {
+    if (!groupId || scanIds.length === 0 || problemTypes.length === 0) {
       return;
     }
 
-    if (isSummaryError) {
-      clearPollTimer();
-      return;
+    const flowKey = `${groupId}:${scanIds.join(",")}`;
+    flowKeyRef.current = flowKey;
+
+    try {
+      const groupSummary: ProblemScanGroupSummaryResponse =
+        await problemScanApi.getGroupSummary({ groupId });
+      const summaries = groupSummary.summaries;
+
+      if (flowKeyRef.current !== flowKey || !isMountedRef.current) return;
+
+      if (groupSummary.status === "FAILED") {
+        toastError(getFailToastMessage("UNKNOWN"));
+        resetFlow();
+        return;
+      }
+
+      const failed = summaries.find(isFailedSummary);
+      if (failed) {
+        toastError(getFailToastMessage(failed.failReason ?? "UNKNOWN"));
+        resetFlow();
+        return;
+      }
+
+      const isGroupReady =
+        summaries.length === scanIds.length &&
+        summaries.every((summary) => summary.status === "AI_DONE");
+
+      if (!isGroupReady) {
+        clearTimer();
+        timerRef.current = setTimeout(() => {
+          pollSummariesRef.current();
+        }, POLL_INTERVAL_MS);
+        return;
+      }
+
+      if (createdFlowRef.current === flowKey) return;
+      createdFlowRef.current = flowKey;
+      if (!isMountedRef.current) return;
+
+      createGroupContext(summaries);
+    } catch {
+      clearTimer();
+      timerRef.current = setTimeout(() => {
+        pollSummariesRef.current();
+      }, POLL_INTERVAL_MS);
     }
+  }, [
+    clearTimer,
+    createGroupContext,
+    problemTypes.length,
+    resetFlow,
+    groupId,
+    scanIds,
+  ]);
 
-    if (showRetryActions) {
-      clearPollTimer();
-      return;
-    }
+  useEffect(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+      clearTimer();
+    };
+  }, [clearTimer]);
 
-    if (!pollTimerRef.current) {
-      pollTimerRef.current = setInterval(() => {
-        refetchSummary();
-      }, SUMMARY_POLL_INTERVAL_MS);
-    }
+  useEffect(() => {
+    pollSummariesRef.current = () => {
+      void pollSummaries();
+    };
+  }, [pollSummaries]);
 
-    return () => clearPollTimer();
-  }, [
-    scanIdForSummaryQuery,
-    isFailed,
-    isSummaryReady,
-    isSummaryError,
-    showRetryActions,
-    refetchSummary,
-    clearPollTimer,
-    clearMaxWaitTimer,
-  ]);
+  useEffect(() => {
+    clearTimer();
 
-  const retrySummary = useCallback(() => {
-    setIsRetryActionsVisible(false);
-    clearPollTimer();
-    clearMaxWaitTimer();
-
-    const flowId = flowScanIdRef.current;
-
-    if (flowId) {
-      maxWaitTimerRef.current = setTimeout(() => {
-        if (!mountedRef.current) return;
-        if (flowScanIdRef.current !== flowId) return;
-        setIsRetryActionsVisible(true);
-        clearPollTimer();
-        maxWaitTimerRef.current = null;
-      }, SUMMARY_MAX_WAIT_MS);
+    if (!groupId && scanIds.length === 0) {
+      return;
     }
 
-    refetchSummary();
-  }, [refetchSummary, clearPollTimer, clearMaxWaitTimer]);
+    void pollSummaries();
+  }, [clearTimer, groupId, pollSummaries, scanIds]);
 
   const handleUploaded = useCallback(
-    (res: ProblemScanCreateResponse) => {
-      const nextScanId = res.scanId;
-
-      flowScanIdRef.current = null;
-      transitionedScanIdRef.current = null;
-      failedScanIdRef.current = null;
+    (res: ProblemScanGroupCreateResponse) => {
+      if (res.scanIds.length === 0) return;
 
+      createdFlowRef.current = "";
       goStep(1, {
-        scanId: String(nextScanId),
+        groupId: res.groupId ? String(res.groupId) : null,
+        scanIds: res.scanIds.join(","),
         chapterId: null,
         unitId: null,
         typeIds: null,
@@ -314,17 +256,9 @@ export const useStep1SummaryTransition = ({
     [goStep]
   );
 
-  const isStep1Blocked =
-    currentStep === 1 &&
-    (isWaitingDelay ||
-      isSummaryFetching ||
-      (!!scanIdForSummaryQuery && !isSummaryReady && !showRetryActions));
-
   return {
     handleUploaded,
-    isStep1Blocked,
-    showRetryActions,
-    retrySummary,
+    isStep1Blocked: Boolean(groupId) || scanIds.length > 0,
   };
 };
 
diff --git a/apps/web/src/app/wrong/create/hooks/step2/use-step-2-selection.ts b/apps/web/src/app/wrong/create/hooks/step2/use-step-2-selection.ts
deleted file mode 100644
index 991c6175..00000000
--- a/apps/web/src/app/wrong/create/hooks/step2/use-step-2-selection.ts
+++ /dev/null
@@ -1,200 +0,0 @@
-"use client";
-
-import { useCallback, useEffect, useMemo, useState } from "react";
-import type { ChangeEvent } from "react";
-import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { useProblemScanSummaryQuery } from "@/shared/apis/problem-scan/hooks/use-problem-scan-summary-query";
-import {
-  type ChapterKey,
-  type UnitOption,
-  computeRecommendation,
-  findChapterLabelById,
-  getUnitOptions,
-} from "@/app/wrong/create/utils/chapter-recommend";
-import { setParams } from "@/app/wrong/create/utils/url-params";
-import { CHAPTER_DROPDOWN_OPTIONS } from "@/app/wrong/(list)/constants/wrong-filters";
-
-const isValidChapterKey = (value: string): value is ChapterKey =>
-  Object.keys(CHAPTER_DROPDOWN_OPTIONS).includes(value);
-type UseStep2SelectionArgs = {
-  scanId: number | string | null;
-  onNextEnabledChange?: (enabled: boolean) => void;
-};
-
-type UseStep2SelectionReturn = {
-  viewChapterId: ChapterKey | null;
-  viewUnitId: string | null;
-  isOpen: boolean;
-  unitOptions: readonly UnitOption[];
-  chapterLabel: string;
-  onToggle: (chapterId: ChapterKey) => void;
-  onSelectUnit: (unitId: string) => (e: ChangeEvent<HTMLInputElement>) => void;
-};
-
-const readChapterId = (sp: URLSearchParams) => {
-  const raw = sp.get("chapterId");
-  if (!raw) return null;
-  return isValidChapterKey(raw) ? raw : null;
-};
-
-const readUnitId = (sp: URLSearchParams) => {
-  const raw = sp.get("unitId");
-  return raw ? raw : null;
-};
-
-export const useStep2Selection = ({
-  scanId,
-  onNextEnabledChange,
-}: UseStep2SelectionArgs): UseStep2SelectionReturn => {
-  const router = useRouter();
-  const pathname = usePathname();
-  const sp = useSearchParams();
-
-  const spString = sp.toString();
-  const params = useMemo(() => new URLSearchParams(spString), [spString]);
-
-  const { data: summary } = useProblemScanSummaryQuery(scanId);
-
-  const computeEnabled = useCallback(
-    (chapterId: ChapterKey | null, unitId: string | null) =>
-      Boolean(
-        chapterId &&
-        unitId &&
-        getUnitOptions(chapterId).some((opt) => opt.id === unitId)
-      ),
-    []
-  );
-
-  const recommended = useMemo(() => {
-    if (!summary) {
-      return {
-        chapterId: null as ChapterKey | null,
-        unitId: null as string | null,
-      };
-    }
-
-    return computeRecommendation({
-      aiSubjectName: summary.classification.subject?.name ?? null,
-      aiUnitName: summary.classification.unit?.name ?? null,
-    });
-  }, [summary]);
-
-  const urlChapterId = useMemo(() => readChapterId(params), [params]);
-  const urlUnitId = useMemo(() => readUnitId(params), [params]);
-
-  const [hasUserTouched, setHasUserTouched] = useState(false);
-  const [selectedChapterId, setSelectedChapterId] = useState<ChapterKey | null>(
-    null
-  );
-  const [selectedUnitId, setSelectedUnitId] = useState<string | null>(null);
-
-  const viewChapterId = urlChapterId
-    ? urlChapterId
-    : hasUserTouched
-      ? selectedChapterId
-      : (recommended.chapterId ?? selectedChapterId);
-
-  const viewUnitId = urlUnitId
-    ? urlUnitId
-    : hasUserTouched
-      ? selectedUnitId
-      : (recommended.unitId ?? selectedUnitId);
-
-  const isOpen = viewChapterId !== null;
-
-  useEffect(() => {
-    onNextEnabledChange?.(computeEnabled(viewChapterId, viewUnitId));
-  }, [computeEnabled, onNextEnabledChange, viewChapterId, viewUnitId]);
-
-  useEffect(() => {
-    if (hasUserTouched) return;
-    if (urlChapterId || urlUnitId) return;
-    if (!recommended.chapterId) return;
-
-    const next = setParams(params, {
-      chapterId: recommended.chapterId,
-      unitId: recommended.unitId ?? null,
-    });
-
-    const nextQuery = next.toString();
-    if (nextQuery === spString) return;
-
-    router.replace(`${pathname}?${nextQuery}`, { scroll: false });
-  }, [
-    hasUserTouched,
-    urlChapterId,
-    urlUnitId,
-    recommended.chapterId,
-    recommended.unitId,
-    params,
-    pathname,
-    router,
-    spString,
-  ]);
-
-  const pushUrl = useCallback(
-    (patch: Record<string, string | null>) => {
-      const next = setParams(params, patch);
-      const nextQuery = next.toString();
-      if (nextQuery === spString) return;
-
-      router.replace(`${pathname}?${nextQuery}`, { scroll: false });
-    },
-    [params, pathname, router, spString]
-  );
-
-  const onToggle = useCallback(
-    (chapterId: ChapterKey) => {
-      setHasUserTouched(true);
-
-      const nextChapterId = viewChapterId === chapterId ? null : chapterId;
-
-      setSelectedChapterId(nextChapterId);
-      setSelectedUnitId(null);
-      onNextEnabledChange?.(false);
-
-      pushUrl({
-        chapterId: nextChapterId ? String(nextChapterId) : null,
-        unitId: null,
-      });
-    },
-    [onNextEnabledChange, pushUrl, viewChapterId]
-  );
-
-  const onSelectUnit = useCallback(
-    (unitId: string) => (e: ChangeEvent<HTMLInputElement>) => {
-      setHasUserTouched(true);
-
-      const nextUnitId = e.target.checked ? unitId : null;
-
-      setSelectedChapterId(viewChapterId);
-      setSelectedUnitId(nextUnitId);
-
-      onNextEnabledChange?.(computeEnabled(viewChapterId, nextUnitId));
-
-      pushUrl({
-        chapterId: viewChapterId ? String(viewChapterId) : null,
-        unitId: nextUnitId,
-      });
-    },
-    [computeEnabled, onNextEnabledChange, pushUrl, viewChapterId]
-  );
-
-  const unitOptions: readonly UnitOption[] = useMemo(() => {
-    return viewChapterId ? getUnitOptions(viewChapterId) : [];
-  }, [viewChapterId]);
-
-  const chapterLabel = useMemo(() => {
-    return findChapterLabelById(viewChapterId) ?? "";
-  }, [viewChapterId]);
-
-  return {
-    viewChapterId,
-    viewUnitId,
-    isOpen,
-    unitOptions,
-    chapterLabel,
-    onToggle,
-    onSelectUnit,
-  };
-};
diff --git a/apps/web/src/app/wrong/create/hooks/step3/use-active-type-view.ts b/apps/web/src/app/wrong/create/hooks/step3/use-active-type-view.ts
deleted file mode 100644
index 1377ad44..00000000
--- a/apps/web/src/app/wrong/create/hooks/step3/use-active-type-view.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-"use client";
-
-import { useMemo } from "react";
-import type { ProblemTypeItem } from "@/shared/apis/problem-type/problem-type-types";
-import { uniqById } from "@/app/wrong/create/utils/uniq-by-id";
-
-export type ViewTypeItem = {
-  id: string;
-  label: string;
-  custom: boolean;
-  active: boolean;
-  sortOrder: number;
-};
-
-export const useActiveTypeView = (mergedTypes: ProblemTypeItem[]) => {
-  const activeTypes = useMemo(() => {
-    const uniq = uniqById(mergedTypes);
-    return uniq
-      .filter((t) => t.active)
-      .slice()
-      .sort((a, b) => a.sortOrder - b.sortOrder);
-  }, [mergedTypes]);
-
-  const viewItems = useMemo<readonly ViewTypeItem[]>(() => {
-    return activeTypes.map((t) => ({
-      id: t.id,
-      label: t.name,
-      custom: t.custom,
-      active: t.active,
-      sortOrder: t.sortOrder,
-    }));
-  }, [activeTypes]);
-
-  const activeIdSet = useMemo(() => {
-    return new Set(activeTypes.map((t) => t.id));
-  }, [activeTypes]);
-
-  return { activeTypes, viewItems, activeIdSet };
-};
diff --git a/apps/web/src/app/wrong/create/hooks/step3/use-async-id-lock.ts b/apps/web/src/app/wrong/create/hooks/step3/use-async-id-lock.ts
deleted file mode 100644
index 31126c95..00000000
--- a/apps/web/src/app/wrong/create/hooks/step3/use-async-id-lock.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-"use client";
-
-import { useCallback, useRef, useState } from "react";
-
-type Return = {
-  lockedId: string | null;
-  run: (id: string, task: () => Promise<void>) => Promise<void>;
-};
-
-export const useAsyncIdLock = (): Return => {
-  const [lockedId, setLockedId] = useState<string | null>(null);
-  const lockedIdRef = useRef<string | null>(null);
-
-  const run = useCallback(async (id: string, task: () => Promise<void>) => {
-    if (lockedIdRef.current) return;
-
-    lockedIdRef.current = id;
-    setLockedId(id);
-
-    try {
-      await task();
-    } finally {
-      lockedIdRef.current = null;
-      setLockedId(null);
-    }
-  }, []);
-
-  return { lockedId, run };
-};
diff --git a/apps/web/src/app/wrong/create/hooks/step3/use-custom-type-order.ts b/apps/web/src/app/wrong/create/hooks/step3/use-custom-type-order.ts
deleted file mode 100644
index 939d8609..00000000
--- a/apps/web/src/app/wrong/create/hooks/step3/use-custom-type-order.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-"use client";
-
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { usePointerSortIds } from "@/app/wrong/create/hooks/use-pointer-sort-ids";
-import { isSameIds } from "@/app/wrong/create/utils/is-same-ids";
-
-type SortableCustomItem = {
-  id: string;
-  custom: boolean;
-  sortOrder: number;
-};
-
-type Args<T extends SortableCustomItem> = {
-  items: readonly T[];
-  updateSortOrder: (typeId: string, sortOrder: number) => Promise<void>;
-};
-
-type Return<T extends SortableCustomItem> = {
-  orderedItems: readonly T[];
-  draggingId: string | null;
-  isReordering: boolean;
-  getSortableProps: (item: T) => Record<string, unknown>;
-};
-
-export const useCustomTypeOrder = <T extends SortableCustomItem>({
-  items,
-  updateSortOrder,
-}: Args<T>): Return<T> => {
-  const [isReordering, setIsReordering] = useState(false);
-
-  const customIdsFromServer = useMemo(() => {
-    return items.filter((v) => v.custom).map((v) => v.id);
-  }, [items]);
-
-  const [customOrderIds, setCustomOrderIds] = useState<string[]>(
-    () => customIdsFromServer
-  );
-
-  const handlePersistCustomOrder = useCallback(
-    async (nextCustomIds: string[]) => {
-      const customBySort = items
-        .filter((v) => v.custom)
-        .slice()
-        .sort((a, b) => a.sortOrder - b.sortOrder);
-
-      const sortSlots = customBySort.map((v) => v.sortOrder);
-      const currentSortById = new Map(
-        customBySort.map((v) => [v.id, v.sortOrder] as const)
-      );
-
-      const tasks: Array<Promise<unknown>> = [];
-
-      for (let i = 0; i < nextCustomIds.length; i += 1) {
-        const id = nextCustomIds[i];
-        const nextSortOrder = sortSlots[i];
-
-        if (nextSortOrder == null) continue;
-        if (currentSortById.get(id) === nextSortOrder) continue;
-
-        tasks.push(updateSortOrder(id, nextSortOrder));
-      }
-
-      if (tasks.length === 0) return;
-
-      setIsReordering(true);
-      try {
-        await Promise.all(tasks);
-      } finally {
-        setIsReordering(false);
-      }
-    },
-    [items, updateSortOrder]
-  );
-
-  const { draggingId, getItemProps, getPressProps } = usePointerSortIds({
-    ids: customOrderIds,
-    onChange: setCustomOrderIds,
-    onEnd: handlePersistCustomOrder,
-  });
-
-  useEffect(() => {
-    if (isReordering) return;
-    if (draggingId) return;
-
-    setCustomOrderIds((prev) => {
-      if (isSameIds(prev, customIdsFromServer)) return prev;
-      return customIdsFromServer;
-    });
-  }, [customIdsFromServer, draggingId, isReordering]);
-
-  const orderedItems = useMemo(() => {
-    if (customOrderIds.length === 0) return items;
-
-    const customMap = new Map(
-      items.filter((v) => v.custom).map((v) => [v.id, v] as const)
-    );
-
-    const orderedCustom = customOrderIds
-      .map((id) => customMap.get(id))
-      .filter(Boolean) as T[];
-
-    if (orderedCustom.length === 0) return items;
-
-    const next = items.slice() as T[];
-    let j = 0;
-
-    for (let i = 0; i < next.length; i += 1) {
-      if (!next[i].custom) continue;
-      const repl = orderedCustom[j];
-      if (repl) next[i] = repl;
-      j += 1;
-    }
-
-    return next;
-  }, [customOrderIds, items]);
-
-  const getSortableProps = useCallback(
-    (item: T) => {
-      if (!item.custom) return {};
-      return { ...getItemProps(item.id), ...getPressProps(item.id) };
-    },
-    [getItemProps, getPressProps]
-  );
-
-  return { orderedItems, draggingId, isReordering, getSortableProps };
-};
diff --git a/apps/web/src/app/wrong/create/hooks/step3/use-optimistic-problem-types.ts b/apps/web/src/app/wrong/create/hooks/step3/use-optimistic-problem-types.ts
deleted file mode 100644
index 6553beed..00000000
--- a/apps/web/src/app/wrong/create/hooks/step3/use-optimistic-problem-types.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-"use client";
-
-import { useCallback, useMemo, useState } from "react";
-import type { ProblemTypeItem } from "@/shared/apis/problem-type/problem-type-types";
-
-export const useOptimisticProblemTypes = (allTypes: ProblemTypeItem[]) => {
-  const [inactiveIds, setInactiveIds] = useState<Set<string>>(() => new Set());
-  const [sortOverrides, setSortOverrides] = useState<Record<string, number>>(
-    {}
-  );
-
-  const markInactive = useCallback((typeId: string) => {
-    setInactiveIds((prev) => {
-      const next = new Set(prev);
-      next.add(typeId);
-      return next;
-    });
-  }, []);
-
-  const unmarkInactive = useCallback((typeId: string) => {
-    setInactiveIds((prev) => {
-      const next = new Set(prev);
-      next.delete(typeId);
-      return next;
-    });
-  }, []);
-
-  const setSortOverride = useCallback((typeId: string, sortOrder: number) => {
-    setSortOverrides((prev) => ({ ...prev, [typeId]: sortOrder }));
-  }, []);
-
-  const restoreSortOverride = useCallback(
-    (typeId: string, prevValue?: number) => {
-      setSortOverrides((prev) => {
-        const next = { ...prev };
-        if (prevValue == null) delete next[typeId];
-        else next[typeId] = prevValue;
-        return next;
-      });
-    },
-    []
-  );
-
-  const mergedTypes = useMemo(() => {
-    if (allTypes.length === 0) return [];
-    return allTypes.map((t) => ({
-      ...t,
-      active: inactiveIds.has(t.id) ? false : t.active,
-      sortOrder: sortOverrides[t.id] ?? t.sortOrder,
-    }));
-  }, [allTypes, inactiveIds, sortOverrides]);
-
-  return {
-    mergedTypes,
-    markInactive,
-    unmarkInactive,
-    setSortOverride,
-    restoreSortOverride,
-    sortOverrides,
-  };
-};
diff --git a/apps/web/src/app/wrong/create/hooks/step3/use-recommended-types.ts b/apps/web/src/app/wrong/create/hooks/step3/use-recommended-types.ts
deleted file mode 100644
index 2c9c12a7..00000000
--- a/apps/web/src/app/wrong/create/hooks/step3/use-recommended-types.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-"use client";
-
-import { useMemo } from "react";
-import { normalize } from "@/app/wrong/create/utils/label-match";
-import type { ProblemTypeItem } from "@/shared/apis/problem-type/problem-type-types";
-import { findTypeIdByName } from "@/app/wrong/create/utils/find-type-id-by-name";
-
-type SummaryLike =
-  | {
-      classification?: {
-        types?: Array<{ name?: string | null } | null> | null;
-      } | null;
-    }
-  | null
-  | undefined;
-
-export const useRecommendedTypes = (
-  allTypes: ProblemTypeItem[],
-  summary: SummaryLike
-) => {
-  return useMemo(() => {
-    const aiTypeNames =
-      summary?.classification?.types
-        ?.map((t) => t?.name)
-        .filter(
-          (v): v is string => typeof v === "string" && v.trim().length > 0
-        ) ?? [];
-
-    const selectedIds: string[] = [];
-    const unknownNames: string[] = [];
-    const isOnlyNumber = (v: string) => /^\d+$/.test(v);
-
-    aiTypeNames.forEach((name) => {
-      const id = findTypeIdByName(allTypes, name);
-      if (id) {
-        if (!selectedIds.includes(id)) selectedIds.push(id);
-        return;
-      }
-
-      const cleaned = normalize(name);
-      if (!cleaned) return;
-      if (isOnlyNumber(cleaned)) return;
-      if (!unknownNames.includes(cleaned)) unknownNames.push(cleaned);
-    });
-
-    return { selectedIds, unknownNames };
-  }, [allTypes, summary]);
-};
diff --git a/apps/web/src/app/wrong/create/hooks/step3/use-sanitized-url-type-ids.ts b/apps/web/src/app/wrong/create/hooks/step3/use-sanitized-url-type-ids.ts
deleted file mode 100644
index f5e6b1d6..00000000
--- a/apps/web/src/app/wrong/create/hooks/step3/use-sanitized-url-type-ids.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-"use client";
-
-import { useEffect, useMemo } from "react";
-
-export const useSanitizedUrlTypeIds = (
-  urlTypeIds: readonly string[],
-  activeIdSet: ReadonlySet<string>,
-  isTypeLoading: boolean,
-  replaceTypeIds: (next: string[]) => void
-) => {
-  const sanitizedUrlTypeIds = useMemo(() => {
-    return urlTypeIds.filter((id) => activeIdSet.has(id));
-  }, [activeIdSet, urlTypeIds]);
-
-  useEffect(() => {
-    if (isTypeLoading) return;
-
-    const prev = urlTypeIds.join(",");
-    const next = sanitizedUrlTypeIds.join(",");
-    if (prev === next) return;
-
-    replaceTypeIds([...sanitizedUrlTypeIds]);
-  }, [isTypeLoading, replaceTypeIds, sanitizedUrlTypeIds, urlTypeIds]);
-
-  return { sanitizedUrlTypeIds };
-};
diff --git a/apps/web/src/app/wrong/create/hooks/step3/use-selected-type-ids.ts b/apps/web/src/app/wrong/create/hooks/step3/use-selected-type-ids.ts
deleted file mode 100644
index 54f90b92..00000000
--- a/apps/web/src/app/wrong/create/hooks/step3/use-selected-type-ids.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-"use client";
-
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import type { ViewTypeItem } from "@/app/wrong/create/hooks/step3/use-active-type-view";
-
-type Args = {
-  sanitizedUrlTypeIds: readonly string[];
-  recommendedSelectedIds: readonly string[];
-  isTypeLoading: boolean;
-  params: URLSearchParams;
-  spString: string;
-  replaceTypeIds: (next: string[]) => void;
-  onNextEnabledChange?: (enabled: boolean) => void;
-};
-
-export const useSelectedTypeIds = ({
-  sanitizedUrlTypeIds,
-  recommendedSelectedIds,
-  isTypeLoading,
-  params,
-  spString,
-  replaceTypeIds,
-  onNextEnabledChange,
-}: Args) => {
-  const [selectedTypeIds, setSelectedTypeIds] = useState<string[]>([]);
-  const [hasUserTouched, setHasUserTouched] = useState(false);
-
-  const viewSelectedTypeIds = useMemo(() => {
-    if (sanitizedUrlTypeIds.length > 0) return sanitizedUrlTypeIds;
-    if (hasUserTouched) return selectedTypeIds;
-    if (recommendedSelectedIds.length > 0) return recommendedSelectedIds;
-    return selectedTypeIds;
-  }, [
-    hasUserTouched,
-    recommendedSelectedIds,
-    sanitizedUrlTypeIds,
-    selectedTypeIds,
-  ]);
-
-  useEffect(() => {
-    onNextEnabledChange?.(viewSelectedTypeIds.length > 0);
-  }, [onNextEnabledChange, viewSelectedTypeIds.length]);
-
-  const didHydrateRef = useRef(false);
-
-  useEffect(() => {
-    if (didHydrateRef.current) return;
-    if (isTypeLoading) return;
-
-    if (sanitizedUrlTypeIds.length > 0) {
-      didHydrateRef.current = true;
-      return;
-    }
-
-    if (hasUserTouched) {
-      didHydrateRef.current = true;
-      return;
-    }
-
-    if (recommendedSelectedIds.length === 0) return;
-
-    const next = new URLSearchParams(params.toString());
-    next.set("typeIds", recommendedSelectedIds.join(","));
-    const nextQuery = next.toString();
-
-    if (nextQuery !== spString) replaceTypeIds([...recommendedSelectedIds]);
-    didHydrateRef.current = true;
-  }, [
-    hasUserTouched,
-    isTypeLoading,
-    params,
-    recommendedSelectedIds,
-    replaceTypeIds,
-    spString,
-    sanitizedUrlTypeIds.length,
-  ]);
-
-  const commitSelected = useCallback(
-    (next: string[], touch: boolean) => {
-      if (touch) setHasUserTouched(true);
-      setSelectedTypeIds(next);
-      replaceTypeIds(next);
-      onNextEnabledChange?.(next.length > 0);
-    },
-    [onNextEnabledChange, replaceTypeIds]
-  );
-
-  const toggleType = useCallback(
-    (item: ViewTypeItem) => {
-      const base = viewSelectedTypeIds;
-      const next = base.includes(item.id)
-        ? base.filter((id) => id !== item.id)
-        : [...base, item.id];
-      commitSelected(next, true);
-    },
-    [commitSelected, viewSelectedTypeIds]
-  );
-
-  return { viewSelectedTypeIds, commitSelected, toggleType };
-};
diff --git a/apps/web/src/app/wrong/create/hooks/step3/use-step-3-selection.ts b/apps/web/src/app/wrong/create/hooks/step3/use-step-3-selection.ts
deleted file mode 100644
index 6df3e95b..00000000
--- a/apps/web/src/app/wrong/create/hooks/step3/use-step-3-selection.ts
+++ /dev/null
@@ -1,134 +0,0 @@
-"use client";
-
-import { useProblemScanSummaryQuery } from "@/shared/apis/problem-scan/hooks/use-problem-scan-summary-query";
-import { useProblemTypesQuery } from "@/shared/apis/problem-type/hooks/use-problem-types-query";
-import { useCreateCustomTypeMutation } from "@/shared/apis/problem-type/hooks/use-create-custom-type-mutation";
-import { useSetProblemTypeActiveMutation } from "@/shared/apis/problem-type/hooks/use-set-problem-type-active-mutation";
-import { useUpdateCustomTypeMutation } from "@/shared/apis/problem-type/hooks/use-update-custom-type-mutation";
-import { useTypeIdsParam } from "@/app/wrong/create/hooks/step3/use-type-ids-param";
-import { useOptimisticProblemTypes } from "@/app/wrong/create/hooks/step3/use-optimistic-problem-types";
-import {
-  useActiveTypeView,
-  type ViewTypeItem,
-} from "@/app/wrong/create/hooks/step3/use-active-type-view";
-import { useSanitizedUrlTypeIds } from "@/app/wrong/create/hooks/step3/use-sanitized-url-type-ids";
-import { useRecommendedTypes } from "@/app/wrong/create/hooks/step3/use-recommended-types";
-import { useSelectedTypeIds } from "@/app/wrong/create/hooks/step3/use-selected-type-ids";
-import { useTypeAddFlow } from "@/app/wrong/create/hooks/step3/use-type-add-flow";
-import { useTypeMaintenance } from "@/app/wrong/create/hooks/step3/use-type-maintenance";
-
-type UseStep3SelectionArgs = {
-  scanId: number | string | null;
-  onNextEnabledChange?: (enabled: boolean) => void;
-};
-
-export type UseStep3SelectionReturn = {
-  isTypeLoading: boolean;
-  viewItems: readonly ViewTypeItem[];
-  viewSelectedTypeIds: readonly string[];
-  suggestedNames: readonly string[];
-  addSuggested: (name: string) => Promise<void>;
-  isAdding: boolean;
-  draft: string;
-  setDraft: (v: string) => void;
-  openAdd: () => void;
-  closeAdd: () => void;
-  commitAdd: () => Promise<void>;
-  toggleType: (item: ViewTypeItem) => void;
-  removeType: (typeId: string) => Promise<void>;
-  restoreType: (typeId: string) => Promise<void>;
-  renameType: (typeId: string, name: string) => Promise<void>;
-  updateSortOrder: (typeId: string, sortOrder: number) => Promise<void>;
-};
-
-export const useStep3Selection = ({
-  scanId,
-  onNextEnabledChange,
-}: UseStep3SelectionArgs): UseStep3SelectionReturn => {
-  const { urlTypeIds, replaceTypeIds, params, spString } = useTypeIdsParam();
-  const { data: allTypesRaw, isLoading: isTypeLoading } =
-    useProblemTypesQuery();
-  const allTypes = allTypesRaw ?? [];
-
-  const optimistic = useOptimisticProblemTypes(allTypes);
-  const view = useActiveTypeView(optimistic.mergedTypes);
-
-  const sanitized = useSanitizedUrlTypeIds(
-    urlTypeIds,
-    view.activeIdSet,
-    isTypeLoading,
-    replaceTypeIds
-  );
-
-  const { data: summary } = useProblemScanSummaryQuery(scanId);
-  const recommended = useRecommendedTypes(allTypes, summary);
-
-  const selection = useSelectedTypeIds({
-    sanitizedUrlTypeIds: sanitized.sanitizedUrlTypeIds,
-    recommendedSelectedIds: recommended.selectedIds,
-    isTypeLoading,
-    params,
-    spString,
-    replaceTypeIds,
-    onNextEnabledChange,
-  });
-
-  const createMut = useCreateCustomTypeMutation();
-  const activeMut = useSetProblemTypeActiveMutation();
-  const updateMut = useUpdateCustomTypeMutation();
-
-  const setTypeActive = (typeId: string, active: boolean): Promise<void> => {
-    return activeMut
-      .mutateAsync({ typeId, body: { active } })
-      .then(() => undefined);
-  };
-
-  const addFlow = useTypeAddFlow({
-    allTypes,
-    viewSelectedTypeIds: selection.viewSelectedTypeIds,
-    commitSelected: selection.commitSelected,
-    unmarkInactive: optimistic.unmarkInactive,
-    createCustomType: (name) => createMut.mutateAsync({ name }),
-    setTypeActive,
-  });
-
-  type UpdateTypeBody =
-    | { name: string; sortOrder?: never }
-    | { sortOrder: number; name?: never };
-
-  const updateType = (typeId: string, body: UpdateTypeBody): Promise<void> => {
-    return updateMut.mutateAsync({ typeId, body }).then(() => undefined);
-  };
-
-  const maintenance = useTypeMaintenance({
-    allTypes: allTypes.map((t) => ({ id: t.id, sortOrder: t.sortOrder })),
-    viewSelectedTypeIds: selection.viewSelectedTypeIds,
-    commitSelected: selection.commitSelected,
-    markInactive: optimistic.markInactive,
-    unmarkInactive: optimistic.unmarkInactive,
-    setSortOverride: optimistic.setSortOverride,
-    restoreSortOverride: optimistic.restoreSortOverride,
-    sortOverrides: optimistic.sortOverrides,
-    setTypeActive,
-    updateType,
-  });
-
-  return {
-    isTypeLoading,
-    viewItems: view.viewItems,
-    viewSelectedTypeIds: selection.viewSelectedTypeIds,
-    suggestedNames: recommended.unknownNames,
-    addSuggested: addFlow.addSuggested,
-    isAdding: addFlow.isAdding,
-    draft: addFlow.draft,
-    setDraft: addFlow.setDraft,
-    openAdd: addFlow.openAdd,
-    closeAdd: addFlow.closeAdd,
-    commitAdd: addFlow.commitAdd,
-    toggleType: selection.toggleType,
-    removeType: maintenance.removeType,
-    restoreType: maintenance.restoreType,
-    renameType: maintenance.renameType,
-    updateSortOrder: maintenance.updateSortOrder,
-  };
-};
diff --git a/apps/web/src/app/wrong/create/hooks/step3/use-type-add-flow.ts b/apps/web/src/app/wrong/create/hooks/step3/use-type-add-flow.ts
deleted file mode 100644
index b02b32d5..00000000
--- a/apps/web/src/app/wrong/create/hooks/step3/use-type-add-flow.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-"use client";
-
-import { useCallback, useState } from "react";
-import { normalize } from "@/app/wrong/create/utils/label-match";
-import type { ProblemTypeItem } from "@/shared/apis/problem-type/problem-type-types";
-import { normalizeTypeName } from "@/app/wrong/create/utils/normalize-type-name";
-
-type Args = {
-  allTypes: ProblemTypeItem[];
-  viewSelectedTypeIds: readonly string[];
-  commitSelected: (next: string[], touch: boolean) => void;
-  unmarkInactive: (typeId: string) => void;
-  createCustomType: (name: string) => Promise<{ id: string }>;
-  setTypeActive: (typeId: string, active: boolean) => Promise<void>;
-};
-
-export const useTypeAddFlow = ({
-  allTypes,
-  viewSelectedTypeIds,
-  commitSelected,
-  unmarkInactive,
-  createCustomType,
-  setTypeActive,
-}: Args) => {
-  const [isAdding, setIsAdding] = useState(false);
-  const [draft, setDraft] = useState("");
-
-  const openAdd = useCallback(() => {
-    setIsAdding(true);
-    setDraft("");
-  }, []);
-
-  const closeAdd = useCallback(() => {
-    setIsAdding(false);
-    setDraft("");
-  }, []);
-
-  const ensureSelected = useCallback(
-    (typeId: string) => {
-      const base = viewSelectedTypeIds;
-      const next = base.includes(typeId) ? [...base] : [...base, typeId];
-      commitSelected(next, true);
-    },
-    [commitSelected, viewSelectedTypeIds]
-  );
-
-  const upsertByName = useCallback(
-    async (name: string) => {
-      const cleaned = normalize(name);
-      if (!cleaned) return;
-
-      const existing = allTypes.find(
-        (t) => normalizeTypeName(t.name) === normalizeTypeName(cleaned)
-      );
-
-      if (existing?.id) {
-        if (!existing.active) await setTypeActive(existing.id, true);
-        unmarkInactive(existing.id);
-        ensureSelected(existing.id);
-        return;
-      }
-
-      const created = await createCustomType(cleaned);
-      unmarkInactive(created.id);
-      ensureSelected(created.id);
-    },
-    [allTypes, createCustomType, ensureSelected, setTypeActive, unmarkInactive]
-  );
-
-  const commitAdd = useCallback(async () => {
-    await upsertByName(draft);
-    closeAdd();
-  }, [closeAdd, draft, upsertByName]);
-
-  const addSuggested = useCallback(
-    async (name: string) => {
-      await upsertByName(name);
-    },
-    [upsertByName]
-  );
-
-  return {
-    isAdding,
-    draft,
-    setDraft,
-    openAdd,
-    closeAdd,
-    commitAdd,
-    addSuggested,
-  };
-};
diff --git a/apps/web/src/app/wrong/create/hooks/step3/use-type-ids-param.ts b/apps/web/src/app/wrong/create/hooks/step3/use-type-ids-param.ts
deleted file mode 100644
index efadf8db..00000000
--- a/apps/web/src/app/wrong/create/hooks/step3/use-type-ids-param.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-"use client";
-
-import { useCallback, useMemo } from "react";
-import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { setParams } from "@/app/wrong/create/utils/url-params";
-
-const readTypeIds = (sp: URLSearchParams) => {
-  const raw = sp.get("typeIds") ?? null;
-  if (!raw) return [];
-  return raw
-    .split(",")
-    .map((v) => v.trim())
-    .filter(Boolean);
-};
-
-export const useTypeIdsParam = () => {
-  const router = useRouter();
-  const pathname = usePathname();
-  const sp = useSearchParams();
-
-  const spString = sp.toString();
-  const params = useMemo(() => new URLSearchParams(spString), [spString]);
-  const urlTypeIds = useMemo(() => readTypeIds(params), [params]);
-
-  const replaceTypeIds = useCallback(
-    (nextTypeIds: string[]) => {
-      const nextValue = nextTypeIds.length > 0 ? nextTypeIds.join(",") : null;
-      const next = setParams(params, { typeIds: nextValue });
-      const nextQuery = next.toString();
-
-      if (nextQuery === spString) return;
-
-      const nextUrl = nextQuery ? `${pathname}?${nextQuery}` : pathname;
-      router.replace(nextUrl, { scroll: false });
-    },
-    [params, pathname, router, spString]
-  );
-
-  return { urlTypeIds, replaceTypeIds, params, spString, pathname };
-};
diff --git a/apps/web/src/app/wrong/create/hooks/step3/use-type-maintenance.ts b/apps/web/src/app/wrong/create/hooks/step3/use-type-maintenance.ts
deleted file mode 100644
index 9f18850a..00000000
--- a/apps/web/src/app/wrong/create/hooks/step3/use-type-maintenance.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-"use client";
-
-import { useCallback } from "react";
-import { normalize } from "@/app/wrong/create/utils/label-match";
-
-type UpdateTypeBody =
-  | { name: string; sortOrder?: never }
-  | { sortOrder: number; name?: never };
-
-type Args = {
-  allTypes: { id: string; sortOrder: number }[];
-  viewSelectedTypeIds: readonly string[];
-  commitSelected: (next: string[], touch: boolean) => void;
-  markInactive: (typeId: string) => void;
-  unmarkInactive: (typeId: string) => void;
-  setSortOverride: (typeId: string, sortOrder: number) => void;
-  restoreSortOverride: (typeId: string, sortOrder: number | undefined) => void;
-  sortOverrides: Record<string, number | undefined>;
-  setTypeActive: (typeId: string, active: boolean) => Promise<void>;
-  updateType: (typeId: string, body: UpdateTypeBody) => Promise<void>;
-};
-
-export const useTypeMaintenance = ({
-  allTypes,
-  viewSelectedTypeIds,
-  commitSelected,
-  markInactive,
-  unmarkInactive,
-  setSortOverride,
-  restoreSortOverride,
-  sortOverrides,
-  setTypeActive,
-  updateType,
-}: Args) => {
-  const removeType = useCallback(
-    async (typeId: string) => {
-      markInactive(typeId);
-
-      const prevSelected = [...viewSelectedTypeIds];
-      const nextSelected = prevSelected.filter((id) => id !== typeId);
-      commitSelected(nextSelected, true);
-
-      try {
-        await setTypeActive(typeId, false);
-      } catch (e) {
-        unmarkInactive(typeId);
-        commitSelected(prevSelected, true);
-        throw e;
-      }
-    },
-    [
-      commitSelected,
-      markInactive,
-      setTypeActive,
-      unmarkInactive,
-      viewSelectedTypeIds,
-    ]
-  );
-
-  const restoreType = useCallback(
-    async (typeId: string) => {
-      unmarkInactive(typeId);
-      try {
-        await setTypeActive(typeId, true);
-      } catch (e) {
-        markInactive(typeId);
-        throw e;
-      }
-    },
-    [markInactive, setTypeActive, unmarkInactive]
-  );
-
-  const renameType = useCallback(
-    async (typeId: string, name: string) => {
-      const cleaned = normalize(name);
-      if (!cleaned) return;
-      await updateType(typeId, { name: cleaned });
-    },
-    [updateType]
-  );
-
-  const updateSortOrder = useCallback(
-    async (typeId: string, sortOrder: number) => {
-      const prevOverride = sortOverrides[typeId];
-      const prevServer = allTypes.find((t) => t.id === typeId)?.sortOrder;
-
-      setSortOverride(typeId, sortOrder);
-
-      try {
-        await updateType(typeId, { sortOrder });
-      } catch (e) {
-        restoreSortOverride(typeId, prevOverride ?? prevServer);
-        throw e;
-      }
-    },
-    [allTypes, restoreSortOverride, setSortOverride, sortOverrides, updateType]
-  );
-
-  return { removeType, restoreType, renameType, updateSortOrder };
-};
diff --git a/apps/web/src/app/wrong/create/hooks/step4/use-step4-form.ts b/apps/web/src/app/wrong/create/hooks/step4/use-step4-form.ts
deleted file mode 100644
index 711ff2b5..00000000
--- a/apps/web/src/app/wrong/create/hooks/step4/use-step4-form.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-"use client";
-
-import { useCallback, useEffect, useMemo, useState } from "react";
-
-export type ToggleValue = "objective" | "subjective";
-
-export type Step4FormState = {
-  type: ToggleValue;
-  answerChoice: number | null;
-  answerText: string;
-  memoText: string;
-};
-
-export type Step4Handlers = {
-  handleTypeChange: (nextType: ToggleValue) => void;
-  handleChoiceChange: (nextChoice: number) => void;
-  handleAnswerTextChange: (nextAnswerText: string) => void;
-  handleSolutionChange: (nextSolution: string) => void;
-};
-
-const INITIAL_FORM: Step4FormState = {
-  type: "objective",
-  answerChoice: null,
-  answerText: "",
-  memoText: "",
-};
-
-const computeNextEnabled = (form: Step4FormState) => {
-  const hasAnswer =
-    form.type === "objective"
-      ? form.answerChoice !== null
-      : form.answerText.trim().length > 0;
-
-  const hasSolution = form.memoText.trim().length > 0;
-  return hasAnswer && hasSolution;
-};
-
-export const useStep4Form = (
-  onNextEnabledChange?: (enabled: boolean) => void
-) => {
-  const [form, setForm] = useState<Step4FormState>(INITIAL_FORM);
-
-  const updateForm = useCallback((patch: Partial<Step4FormState>) => {
-    setForm((prev) => ({ ...prev, ...patch }));
-  }, []);
-
-  const isNextEnabled = useMemo(() => computeNextEnabled(form), [form]);
-
-  useEffect(() => {
-    onNextEnabledChange?.(isNextEnabled);
-  }, [isNextEnabled, onNextEnabledChange]);
-
-  const handleTypeChange = useCallback(
-    (nextType: ToggleValue) => {
-      updateForm({
-        type: nextType,
-        answerChoice: null,
-        answerText: "",
-      });
-    },
-    [updateForm]
-  );
-
-  const handleChoiceChange = useCallback(
-    (nextChoice: number) => {
-      updateForm({ answerChoice: nextChoice });
-    },
-    [updateForm]
-  );
-
-  const handleAnswerTextChange = useCallback(
-    (nextAnswerText: string) => {
-      updateForm({ answerText: nextAnswerText });
-    },
-    [updateForm]
-  );
-
-  const handleSolutionChange = useCallback(
-    (nextSolution: string) => {
-      updateForm({ memoText: nextSolution });
-    },
-    [updateForm]
-  );
-
-  const handlers: Step4Handlers = useMemo(
-    () => ({
-      handleTypeChange,
-      handleChoiceChange,
-      handleAnswerTextChange,
-      handleSolutionChange,
-    }),
-    [
-      handleTypeChange,
-      handleChoiceChange,
-      handleAnswerTextChange,
-      handleSolutionChange,
-    ]
-  );
-
-  return {
-    form,
-    isNextEnabled,
-    handlers,
-  };
-};
diff --git a/apps/web/src/app/wrong/create/hooks/use-pointer-sort-ids.ts b/apps/web/src/app/wrong/create/hooks/use-pointer-sort-ids.ts
deleted file mode 100644
index 35f0fe02..00000000
--- a/apps/web/src/app/wrong/create/hooks/use-pointer-sort-ids.ts
+++ /dev/null
@@ -1,259 +0,0 @@
-"use client";
-
-import { useCallback, useEffect, useRef, useState } from "react";
-
-const arrayMove = <T>(arr: readonly T[], from: number, to: number) => {
-  const next = arr.slice();
-  const [picked] = next.splice(from, 1);
-  next.splice(to, 0, picked);
-  return next;
-};
-
-const isSameIds = (a: readonly string[], b: readonly string[]) => {
-  if (a.length !== b.length) return false;
-  for (let i = 0; i < a.length; i += 1) {
-    if (a[i] !== b[i]) return false;
-  }
-  return true;
-};
-
-type UsePointerSortIdsArgs = {
-  ids: readonly string[];
-  onChange: (nextIds: string[]) => void;
-  onEnd?: (nextIds: string[]) => void | Promise<void>;
-  activationDistance?: number;
-  pressDelayMs?: number;
-  cancelDistance?: number;
-};
-
-type UsePointerSortIdsReturn = {
-  draggingId: string | null;
-  getItemProps: (id: string) => { "data-sort-id": string };
-  getPressProps: (id: string) => {
-    onPointerDownCapture: React.PointerEventHandler<HTMLElement>;
-    onClickCapture: React.MouseEventHandler<HTMLElement>;
-  };
-};
-
-export const usePointerSortIds = ({
-  ids,
-  onChange,
-  onEnd,
-  activationDistance = 6,
-  pressDelayMs = 260,
-  cancelDistance = 12,
-}: UsePointerSortIdsArgs): UsePointerSortIdsReturn => {
-  const idsRef = useRef(ids);
-  const latestIdsRef = useRef(ids);
-  const onChangeRef = useRef(onChange);
-  const onEndRef = useRef(onEnd);
-
-  useEffect(() => {
-    idsRef.current = ids;
-    latestIdsRef.current = ids;
-  }, [ids]);
-
-  useEffect(() => {
-    onChangeRef.current = onChange;
-  }, [onChange]);
-
-  useEffect(() => {
-    onEndRef.current = onEnd;
-  }, [onEnd]);
-
-  const [draggingId, setDraggingId] = useState<string | null>(null);
-  const [tracking, setTracking] = useState(false);
-
-  const suppressClickRef = useRef(false);
-  const prevBodyTouchActionRef = useRef<string>("");
-
-  const dragRef = useRef<{
-    pointerId: number | null;
-    startX: number;
-    startY: number;
-    activated: boolean;
-    activeId: string | null;
-    targetEl: HTMLElement | null;
-    timerId: number | null;
-  }>({
-    pointerId: null,
-    startX: 0,
-    startY: 0,
-    activated: false,
-    activeId: null,
-    targetEl: null,
-    timerId: null,
-  });
-
-  const clearTimer = useCallback(() => {
-    const t = dragRef.current.timerId;
-    if (t == null) return;
-    window.clearTimeout(t);
-    dragRef.current.timerId = null;
-  }, []);
-
-  const restoreBodyTouchAction = useCallback(() => {
-    document.body.style.touchAction = prevBodyTouchActionRef.current;
-  }, []);
-
-  const lockBodyTouchAction = useCallback(() => {
-    prevBodyTouchActionRef.current = document.body.style.touchAction;
-    document.body.style.touchAction = "none";
-  }, []);
-
-  const cleanup = useCallback(() => {
-    clearTimer();
-    dragRef.current.pointerId = null;
-    dragRef.current.activated = false;
-    dragRef.current.activeId = null;
-    dragRef.current.targetEl = null;
-    document.body.style.userSelect = "";
-    document.body.style.cursor = "";
-    restoreBodyTouchAction();
-  }, [clearTimer, restoreBodyTouchAction]);
-
-  useEffect(() => {
-    return () => {
-      cleanup();
-    };
-  }, [cleanup]);
-
-  useEffect(() => {
-    if (!tracking) return;
-
-    const onMove = (e: PointerEvent) => {
-      if (dragRef.current.pointerId !== e.pointerId) return;
-
-      const dx = e.clientX - dragRef.current.startX;
-      const dy = e.clientY - dragRef.current.startY;
-
-      if (!dragRef.current.activated) {
-        const dist = Math.hypot(dx, dy);
-        if (dist >= cancelDistance) {
-          cleanup();
-          setTracking(false);
-        }
-        return;
-      }
-
-      const dist = Math.hypot(dx, dy);
-      if (dist < activationDistance) return;
-
-      e.preventDefault();
-
-      const el = document.elementFromPoint(e.clientX, e.clientY);
-      const over = el?.closest?.("[data-sort-id]") as HTMLElement | null;
-      const overId = over?.dataset.sortId ?? null;
-
-      const activeId = dragRef.current.activeId;
-      if (!activeId || !overId) return;
-
-      const current = latestIdsRef.current;
-      const from = current.indexOf(activeId);
-      const to = current.indexOf(overId);
-      if (from < 0 || to < 0 || from === to) return;
-
-      const next = arrayMove(current, from, to);
-      if (isSameIds(current, next)) return;
-
-      latestIdsRef.current = next;
-      onChangeRef.current(next);
-    };
-
-    const finish = async (e: PointerEvent) => {
-      if (dragRef.current.pointerId !== e.pointerId) return;
-
-      const activated = dragRef.current.activated;
-
-      cleanup();
-      setTracking(false);
-
-      if (!activated) return;
-
-      suppressClickRef.current = true;
-      setDraggingId(null);
-
-      try {
-        await onEndRef.current?.(latestIdsRef.current.slice());
-      } catch (err) {
-        console.error(err);
-      }
-    };
-
-    const onUp = (e: PointerEvent) => {
-      void finish(e);
-    };
-
-    const onCancel = (e: PointerEvent) => {
-      void finish(e);
-    };
-
-    window.addEventListener("pointermove", onMove, { passive: false });
-    window.addEventListener("pointerup", onUp, { passive: true });
-    window.addEventListener("pointercancel", onCancel, { passive: true });
-
-    return () => {
-      window.removeEventListener("pointermove", onMove);
-      window.removeEventListener("pointerup", onUp);
-      window.removeEventListener("pointercancel", onCancel);
-    };
-  }, [activationDistance, cancelDistance, cleanup, tracking]);
-
-  const getItemProps = useCallback((id: string) => {
-    return { "data-sort-id": id };
-  }, []);
-
-  const getPressProps = useCallback(
-    (id: string) => {
-      const onPointerDownCapture: React.PointerEventHandler<HTMLElement> = (
-        e
-      ) => {
-        if (e.pointerType === "mouse" && e.button !== 0) return;
-
-        latestIdsRef.current = idsRef.current;
-
-        dragRef.current.pointerId = e.pointerId;
-        dragRef.current.startX = e.clientX;
-        dragRef.current.startY = e.clientY;
-        dragRef.current.activated = false;
-        dragRef.current.activeId = id;
-        dragRef.current.targetEl = e.currentTarget as HTMLElement;
-
-        clearTimer();
-
-        dragRef.current.timerId = window.setTimeout(() => {
-          const pointerId = dragRef.current.pointerId;
-          const targetEl = dragRef.current.targetEl;
-          const activeId = dragRef.current.activeId;
-
-          if (pointerId == null || !targetEl || !activeId) return;
-
-          dragRef.current.activated = true;
-          setDraggingId(activeId);
-
-          document.body.style.userSelect = "none";
-          document.body.style.cursor = "grabbing";
-          lockBodyTouchAction();
-
-          try {
-            targetEl.setPointerCapture(pointerId);
-          } catch {}
-        }, pressDelayMs);
-
-        setTracking(true);
-      };
-
-      const onClickCapture: React.MouseEventHandler<HTMLElement> = (e) => {
-        if (!suppressClickRef.current) return;
-        suppressClickRef.current = false;
-        e.preventDefault();
-        e.stopPropagation();
-      };
-
-      return { onPointerDownCapture, onClickCapture };
-    },
-    [clearTimer, lockBodyTouchAction, pressDelayMs]
-  );
-
-  return { draggingId, getItemProps, getPressProps };
-};
diff --git a/apps/web/src/app/wrong/create/hooks/use-wrong-create-route.ts b/apps/web/src/app/wrong/create/hooks/use-wrong-create-route.ts
index b65ea02b..55befd0d 100644
--- a/apps/web/src/app/wrong/create/hooks/use-wrong-create-route.ts
+++ b/apps/web/src/app/wrong/create/hooks/use-wrong-create-route.ts
@@ -2,18 +2,12 @@
 
 import { useMemo } from "react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { parseProgress } from "@/shared/components/app-bar/utils/app-bar-routing";
 import {
   clamp,
-  readScanId,
+  readScanIds,
   readStr,
 } from "@/app/wrong/create/utils/search-params";
 
-const readTypeIds = (params: URLSearchParams) => {
-  const raw = readStr(params, "typeIds");
-  return raw;
-};
-
 export const useWrongCreateRoute = () => {
   const router = useRouter();
   const pathname = usePathname();
@@ -22,14 +16,11 @@ export const useWrongCreateRoute = () => {
   const spString = sp.toString();
   const params = useMemo(() => new URLSearchParams(spString), [spString]);
 
-  const { total, currentStep } = parseProgress(new URLSearchParams(spString));
-
-  const scanId = useMemo(() => readScanId(params), [params]);
-  const unitId = useMemo(() => readStr(params, "unitId"), [params]);
-  const typeIds = useMemo(() => readTypeIds(params), [params]);
+  const scanIds = useMemo(() => readScanIds(params), [params]);
+  const groupId = useMemo(() => readStr(params, "groupId"), [params]);
 
   const goStep = (nextStep: number, extra?: Record<string, string | null>) => {
-    const safe = clamp(nextStep, 1, total);
+    const safe = clamp(nextStep, 1, Number.MAX_SAFE_INTEGER);
     const nextParams = new URLSearchParams(spString);
     nextParams.set("step", String(safe));
 
@@ -46,9 +37,6 @@ export const useWrongCreateRoute = () => {
       nextParams.delete("typeIds");
     }
 
-    const nextScanId = readScanId(nextParams);
-    if (!nextScanId && safe > 1) return;
-
     const nextQuery = nextParams.toString();
     if (nextQuery === spString) return;
 
@@ -60,11 +48,8 @@ export const useWrongCreateRoute = () => {
     pathname,
     spString,
     params,
-    total,
-    currentStep,
-    scanId,
-    unitId,
-    typeIds,
+    scanIds,
+    groupId,
     goStep,
   };
 };
diff --git a/apps/web/src/app/wrong/create/hooks/use-wrong-create-submit.ts b/apps/web/src/app/wrong/create/hooks/use-wrong-create-submit.ts
deleted file mode 100644
index 23686634..00000000
--- a/apps/web/src/app/wrong/create/hooks/use-wrong-create-submit.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-"use client";
-
-import type { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
-import { ROUTES } from "@/shared/constants/routes";
-import { useCreateWrongAnswerCardMutation } from "@/shared/apis/problem-create/hooks/use-create-wrong-answer-card-mutation";
-import { ApiError } from "@/shared/apis/problem-create/problem-create-api";
-import type {
-  AnswerFormat,
-  ProblemCreateRequest,
-} from "@/shared/apis/problem-create/problem-create-types";
-
-import {
-  inferSubjectiveFormat,
-  normalize,
-} from "@/app/wrong/create/utils/answer-format";
-import type { Step4FormState } from "@/app/wrong/create/hooks/step4/use-step4-form";
-
-type Params = {
-  currentStep: number;
-  scanId: number | null;
-  unitId: string | null;
-  typeIds: string | null;
-  stepNextEnabled: boolean;
-  form: Step4FormState;
-  goStep: (nextStep: number, extra?: Record<string, string | null>) => void;
-  router: AppRouterInstance;
-};
-
-const parseTypeIds = (raw: string | null) => {
-  return (raw ?? "")
-    .split(",")
-    .map((v) => normalize(v))
-    .filter((v): v is string => Boolean(v));
-};
-
-const DEFAULT_SUBJECTIVE_FORMAT: AnswerFormat = "TEXT";
-
-export const useWrongCreateSubmit = ({
-  currentStep,
-  scanId,
-  unitId,
-  typeIds,
-  stepNextEnabled,
-  form,
-  goStep,
-  router,
-}: Params) => {
-  const createMutation = useCreateWrongAnswerCardMutation();
-
-  const canNext = currentStep === 4 ? true : stepNextEnabled;
-
-  const handleNext = async () => {
-    if (!canNext) return;
-
-    if (currentStep === 2) {
-      goStep(3);
-      return;
-    }
-
-    if (currentStep === 3) {
-      goStep(4);
-      return;
-    }
-
-    if (currentStep !== 4) return;
-
-    if (createMutation.isPending) return;
-    if (!scanId) return;
-
-    const finalUnitId = normalize(unitId);
-    const finalTypeIds = parseTypeIds(typeIds);
-    if (!finalUnitId) return;
-    if (finalTypeIds.length === 0) return;
-
-    const memoText = normalize(form.memoText);
-
-    const normalizedAnswerText = normalize(form.answerText);
-
-    const answerFormat: AnswerFormat =
-      form.type === "objective"
-        ? "CHOICE"
-        : normalizedAnswerText
-          ? inferSubjectiveFormat(normalizedAnswerText)
-          : DEFAULT_SUBJECTIVE_FORMAT;
-
-    const payload: ProblemCreateRequest = {
-      scanId,
-      finalUnitId,
-      finalTypeIds,
-      answerFormat,
-
-      ...(form.type === "objective" &&
-      form.answerChoice !== null &&
-      form.answerChoice >= 1
-        ? { answerChoiceNo: form.answerChoice }
-        : {}),
-
-      ...(form.type === "subjective" && normalizedAnswerText
-        ? { answerValue: normalizedAnswerText }
-        : {}),
-
-      ...(memoText ? { memoText } : {}),
-    };
-
-    try {
-      await createMutation.mutateAsync(payload);
-      router.push(ROUTES.WRONG.CREATE_DONE);
-    } catch (e) {
-      const err = e as unknown;
-      if (err instanceof ApiError && err.status === 409) {
-        router.push(ROUTES.WRONG.CREATE_DONE);
-        return;
-      }
-      return;
-    }
-  };
-
-  return {
-    canNext,
-    handleNext,
-    isSubmitting: createMutation.isPending,
-  };
-};
-
-export default useWrongCreateSubmit;
diff --git a/apps/web/src/app/wrong/create/page.tsx b/apps/web/src/app/wrong/create/page.tsx
index 52d56d1f..f671c717 100644
--- a/apps/web/src/app/wrong/create/page.tsx
+++ b/apps/web/src/app/wrong/create/page.tsx
@@ -1,23 +1,16 @@
 "use client";
 
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useMemo } from "react";
 import TitleSection from "@/app/wrong/create/components/title-section/title-section";
 import { WRONG_CREATE_STEP_COPY } from "@/app/wrong/create/constants/step-copy";
-import { Button } from "@/shared/components/button/button/button";
 import Loading from "@/shared/components/loading/loading";
 import * as s from "@/app/wrong/create/create.css";
-import { useStep4Form } from "@/app/wrong/create/hooks/step4/use-step4-form";
+import Step1 from "@/app/wrong/create/components/steps/step-1";
 import { useWrongCreateRoute } from "@/app/wrong/create/hooks/use-wrong-create-route";
 import { useStep1SummaryTransition } from "@/app/wrong/create/hooks/step1/use-step1-summary-transition";
-import { useWrongCreateSubmit } from "@/app/wrong/create/hooks/use-wrong-create-submit";
-import WrongCreateSteps from "@/app/wrong/create/components/wrong-create-steps/wrong-create-steps";
 import { LOADING_MESSAGES } from "@/shared/constants/loading-messages";
 import { ROUTES } from "@/shared/constants/routes";
 
-export type StepProps = {
-  onNextEnabledChange?: (enabled: boolean) => void;
-};
-
 const isValidInternalPath = (path: string) => {
   if (!path.startsWith("/")) return false;
   if (path.startsWith("//")) return false;
@@ -35,62 +28,12 @@ const parseFrom = (raw: string | null) => {
 };
 
 const WrongCreatePage = () => {
-  const {
-    router,
-    pathname,
-    spString,
-    params,
-    currentStep,
-    scanId,
-    unitId,
-    typeIds,
-    goStep,
-  } = useWrongCreateRoute();
-
-  const scanKey = scanId ? String(scanId) : "scan-none";
-
-  const [nextState, setNextState] = useState<{
-    key: string;
-    enabled: boolean;
-  }>(() => ({ key: scanKey, enabled: false }));
-
-  const stepNextEnabled = nextState.key === scanKey ? nextState.enabled : false;
-
-  const handleNextEnabledChange = useCallback(
-    (enabled: boolean) => {
-      setNextState({ key: scanKey, enabled });
-    },
-    [scanKey]
-  );
-
-  useEffect(() => {
-    if (currentStep > 1 && !scanId) {
-      goStep(1, { scanId: null, unitId: null, typeIds: null });
-    }
-  }, [currentStep, scanId, goStep, unitId, typeIds]);
-
-  const copy =
-    WRONG_CREATE_STEP_COPY[currentStep as keyof typeof WRONG_CREATE_STEP_COPY];
-  const showNext = currentStep === 2 || currentStep === 3 || currentStep === 4;
-
-  const { form, handlers } = useStep4Form();
+  const { router, params, scanIds, groupId, goStep } = useWrongCreateRoute();
+  const copy = WRONG_CREATE_STEP_COPY[1];
 
   const { handleUploaded, isStep1Blocked } = useStep1SummaryTransition({
-    currentStep,
-    scanId,
-    spString,
-    pathname,
-    router,
-    goStep,
-  });
-
-  const { canNext, handleNext, isSubmitting } = useWrongCreateSubmit({
-    currentStep,
-    scanId,
-    unitId,
-    typeIds,
-    stepNextEnabled,
-    form,
+    scanIds,
+    groupId,
     goStep,
     router,
   });
@@ -100,49 +43,21 @@ const WrongCreatePage = () => {
     [params]
   );
 
-  const handleLoadingBack = () => {
-    router.replace(from);
-  };
-
   return (
     <div className={s.page}>
       <TitleSection title={copy.title} subTitle={copy.subTitle} />
 
       <div className={s.stepShell}>
         <div className={s.stepContent}>
-          <WrongCreateSteps
-            key={scanKey}
-            currentStep={currentStep}
-            scanId={scanId}
-            isStep1Blocked={isStep1Blocked}
-            onUploaded={handleUploaded}
-            onNextEnabledChange={handleNextEnabledChange}
-            form={form}
-            handlers={handlers}
-          />
+          <Step1 onNext={handleUploaded} disabled={isStep1Blocked} />
         </div>
-
-        {showNext ? (
-          <div className={s.nextSection}>
-            <Button
-              size="60"
-              fullWidth
-              label="다음"
-              tone={canNext ? "dark" : "surface"}
-              disabled={!canNext || isSubmitting}
-              tabIndex={canNext ? 0 : -1}
-              onClick={handleNext}
-              className={!canNext ? s.nextDisabled : undefined}
-            />
-          </div>
-        ) : null}
       </div>
 
-      {currentStep === 1 && isStep1Blocked ? (
+      {isStep1Blocked ? (
         <Loading
           variant="overlay"
           message={LOADING_MESSAGES.ANALYZE_UNIT_TYPE}
-          onBack={handleLoadingBack}
+          onBack={() => router.replace(from)}
         />
       ) : null}
     </div>
diff --git a/apps/web/src/app/wrong/create/scans/page.tsx b/apps/web/src/app/wrong/create/scans/page.tsx
new file mode 100644
index 00000000..582a7f8d
--- /dev/null
+++ b/apps/web/src/app/wrong/create/scans/page.tsx
@@ -0,0 +1,169 @@
+"use client";
+
+import { useEffect, useMemo, useState } from "react";
+import Image from "next/image";
+import Link from "next/link";
+import clsx from "clsx";
+import { useRouter, useSearchParams } from "next/navigation";
+import { Button } from "@/shared/components/button/button/button";
+import Chip from "@/shared/components/chip/chip";
+import Divider from "@/shared/components/divider/divider";
+import { ROUTES } from "@/shared/constants/routes";
+import {
+  readWrongCreateGroupContext,
+  type WrongCreateGroupItem,
+} from "@/app/wrong/create/utils/group-context";
+import * as s from "./scans.css";
+
+type TabId = "all" | "done" | "review";
+
+const WrongCreateScansPage = () => {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const groupId = searchParams.get("group");
+  const [activeTab, setActiveTab] = useState<TabId>("all");
+
+  const group = useMemo(() => readWrongCreateGroupContext(groupId), [groupId]);
+
+  useEffect(() => {
+    if (!groupId) {
+      router.replace(ROUTES.WRONG.CREATE);
+      return;
+    }
+
+    if (!group) {
+      router.replace(ROUTES.WRONG.ROOT);
+    }
+  }, [group, groupId, router]);
+
+  const items = useMemo(() => group?.items ?? [], [group]);
+
+  const tabs = useMemo(
+    () => [
+      { id: "all" as const, label: `전체 (${items.length})` },
+      {
+        id: "done" as const,
+        label: `분류 완료 (${items.filter((item) => !item.needsReview).length})`,
+      },
+      {
+        id: "review" as const,
+        label: `검토 필요 (${items.filter((item) => item.needsReview).length})`,
+      },
+    ],
+    [items]
+  );
+
+  const visibleItems = useMemo(() => {
+    if (activeTab === "done") return items.filter((item) => !item.needsReview);
+    if (activeTab === "review") return items.filter((item) => item.needsReview);
+    return items;
+  }, [activeTab, items]);
+
+  const buildProblemHref = (item: WrongCreateGroupItem) => {
+    if (!groupId) return ROUTES.WRONG.SCAN_DETAIL(item.scanId);
+    return `${ROUTES.WRONG.SCAN_DETAIL(item.scanId)}?group=${encodeURIComponent(groupId)}`;
+  };
+
+  const handleNext = () => {
+    const firstItem = items[0];
+    if (!firstItem) return;
+    router.push(buildProblemHref(firstItem));
+  };
+
+  if (!group) return null;
+
+  return (
+    <div className={s.page}>
+      <div className={s.header}>
+        <h1 className={s.title}>등록한 문제</h1>
+        <p className={s.description}>
+          AI가 분류한 문제별 단원유형을 확인해보세요.
+        </p>
+      </div>
+
+      <div className={s.tabSection}>
+        <div className={s.tabRow} role="tablist" aria-label="등록 문제 상태">
+          {tabs.map((tab) => (
+            <button
+              key={tab.id}
+              type="button"
+              role="tab"
+              aria-selected={activeTab === tab.id}
+              className={clsx(
+                s.tabButton,
+                activeTab === tab.id && s.tabButtonActive
+              )}
+              onClick={() => setActiveTab(tab.id)}
+            >
+              {tab.label}
+            </button>
+          ))}
+          <Divider
+            height="hairline"
+            tone="grayscale-50"
+            className={s.tabDivider}
+          />
+        </div>
+      </div>
+
+      <div className={s.content}>
+        {visibleItems.length === 0 ? (
+          <p className={s.empty}>표시할 문제가 없어요.</p>
+        ) : (
+          <div className={s.grid}>
+            {visibleItems.map((item) => (
+              <Link
+                key={item.scanId}
+                href={buildProblemHref(item)}
+                className={s.card}
+              >
+                <div className={s.cardFrame}>
+                  {item.imageUrl ? (
+                    <Image
+                      src={item.imageUrl}
+                      alt={item.title}
+                      fill
+                      unoptimized
+                      className={s.cardImage}
+                    />
+                  ) : null}
+                  <div className={s.cardOverlay} />
+                  <div className={s.cardBody}>
+                    <div className={s.cardContent}>
+                      <div className={s.chipWrap}>
+                        <Chip
+                          as="span"
+                          label={item.unitName}
+                          size="xs"
+                          shape="square"
+                          tone="surface"
+                          className={s.unitChip}
+                        />
+                      </div>
+                      <p className={s.cardTitle}>{item.title}</p>
+                    </div>
+                  </div>
+                </div>
+
+                <span className={s.subjectChip}>{item.subjectName}</span>
+              </Link>
+            ))}
+          </div>
+        )}
+      </div>
+
+      <div className={s.footer}>
+        <Button
+          fullWidth
+          size="48"
+          tone="dark"
+          label="다음"
+          onClick={handleNext}
+          disabled={items.length === 0}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default WrongCreateScansPage;
diff --git a/apps/web/src/app/wrong/create/scans/scans.css.ts b/apps/web/src/app/wrong/create/scans/scans.css.ts
new file mode 100644
index 00000000..a43d41c2
--- /dev/null
+++ b/apps/web/src/app/wrong/create/scans/scans.css.ts
@@ -0,0 +1,192 @@
+import { style } from "@vanilla-extract/css";
+import { vars } from "@/shared/styles/theme.css";
+import { color, bgColor } from "@/shared/styles/color.css";
+import { typo } from "@/shared/styles/typography.css";
+
+export const page = style([
+  bgColor["grayscale-0"],
+  {
+    minHeight: "100dvh",
+    display: "flex",
+    flexDirection: "column",
+  },
+]);
+
+export const header = style({
+  padding: "2rem 1.6rem 1.2rem",
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.4rem",
+});
+
+export const title = style([typo.h3, color["grayscale-900"]]);
+export const description = style([typo.body2.medium, color["grayscale-500"]]);
+
+export const tabSection = style({
+  display: "flex",
+  flexDirection: "column",
+  position: "relative",
+});
+
+export const tabRow = style({
+  display: "flex",
+  gap: "0.8rem",
+  padding: "0 1.6rem 1.6rem",
+  overflowX: "auto",
+  position: "relative",
+  zIndex: 1,
+});
+
+export const tabDivider = style({
+  position: "absolute",
+  left: 0,
+  right: 0,
+  bottom: "1.6rem",
+  zIndex: vars.zIndex.background,
+});
+
+export const tabButton = style([
+  typo.body2.semibold,
+  color["grayscale-500"],
+  {
+    padding: "0.8rem 0.4rem",
+    borderBottom: "0.2rem solid transparent",
+    background: "transparent",
+    whiteSpace: "nowrap",
+    cursor: "pointer",
+  },
+]);
+
+export const tabButtonActive = style([
+  typo.body2.bold,
+  color["grayscale-900"],
+  {
+    borderBottomColor: vars.color.grayscale[900],
+  },
+]);
+
+export const content = style({
+  flex: 1,
+  padding: "2rem 1.6rem 12rem",
+});
+
+export const grid = style({
+  display: "grid",
+  gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+  gap: "1.2rem",
+  "@media": {
+    "screen and (max-width: 359px)": {
+      gridTemplateColumns: "minmax(0, 1fr)",
+    },
+  },
+});
+
+export const card = style([
+  bgColor["grayscale-50"],
+  {
+    position: "relative",
+    aspectRatio: "174 / 174",
+    cursor: "pointer",
+    borderRadius: `0 0 ${vars.radius.r12} ${vars.radius.r12}`,
+  },
+]);
+
+export const cardFrame = style({
+  position: "relative",
+  width: "100%",
+  height: "100%",
+  borderRadius: `0 0 ${vars.radius.r12} ${vars.radius.r12}`,
+  overflow: "hidden",
+});
+
+export const cardImage = style({
+  objectFit: "cover",
+});
+
+export const cardOverlay = style({
+  position: "absolute",
+  inset: 0,
+  background:
+    "linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(17, 17, 17, 1) 100%)",
+  opacity: 0.6,
+});
+
+export const subjectChip = style([
+  bgColor["main-500"],
+  color["grayscale-0"],
+  typo.caption.semibold,
+  {
+    position: "absolute",
+    top: 0,
+    right: 0,
+    zIndex: vars.zIndex.contentOverlayHigh,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: "0.4rem 1.2rem",
+    borderRadius: `0 0 0 ${vars.radius.r8}`,
+  },
+]);
+
+export const cardBody = style({
+  position: "absolute",
+  inset: 0,
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "flex-end",
+  padding: "1.2rem",
+});
+
+export const cardContent = style({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "flex-start",
+  gap: "0.8rem",
+});
+
+export const chipWrap = style({
+  display: "flex",
+  flexWrap: "wrap",
+  gap: "0.6rem",
+  alignItems: "flex-start",
+});
+
+export const unitChip = style([
+  color["grayscale-900"],
+  bgColor["grayscale-50"],
+]);
+
+export const cardTitle = style([
+  typo.body1.bold,
+  color["grayscale-0"],
+  {
+    alignSelf: "stretch",
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis",
+  },
+]);
+
+export const empty = style([
+  typo.body2.medium,
+  color["grayscale-500"],
+  {
+    padding: "3.2rem 0",
+    textAlign: "center",
+  },
+]);
+
+export const footer = style([
+  bgColor["grayscale-0"],
+  {
+    position: "fixed",
+    margin: "0 auto",
+    maxWidth: "43rem",
+    zIndex: vars.zIndex.bottomNav,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    padding: "1.6rem",
+    paddingBottom: "calc(1.6rem + env(safe-area-inset-bottom))",
+  },
+]);
diff --git a/apps/web/src/app/wrong/create/utils/group-context.ts b/apps/web/src/app/wrong/create/utils/group-context.ts
new file mode 100644
index 00000000..f93f689f
--- /dev/null
+++ b/apps/web/src/app/wrong/create/utils/group-context.ts
@@ -0,0 +1,78 @@
+"use client";
+
+export type WrongCreateGroupItem = {
+  scanId: number;
+  finalUnitId: string;
+  finalTypeIds: string[];
+  answerFormat: "CHOICE" | "TEXT" | "NUMBER" | "EXPRESSION";
+  answerChoiceNo?: number | null;
+  answerValue?: string | null;
+  title: string;
+  imageUrl: string;
+  subjectName: string;
+  unitName: string;
+  typeNames: string[];
+  needsReview: boolean;
+};
+
+export type WrongCreateGroupContext = {
+  id: string;
+  createdAt: number;
+  items: WrongCreateGroupItem[];
+};
+
+const STORAGE_PREFIX = "wrong-create-group:";
+
+const buildStorageKey = (groupId: string) => `${STORAGE_PREFIX}${groupId}`;
+
+const isWrongCreateGroupContext = (
+  value: unknown
+): value is WrongCreateGroupContext => {
+  if (typeof value !== "object" || value === null) return false;
+
+  const candidate = value as Partial<WrongCreateGroupContext>;
+
+  return (
+    typeof candidate.id === "string" &&
+    typeof candidate.createdAt === "number" &&
+    Array.isArray(candidate.items)
+  );
+};
+
+export const createWrongCreateGroupId = () => {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+
+  return `${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+};
+
+export const saveWrongCreateGroupContext = (
+  context: WrongCreateGroupContext
+) => {
+  if (typeof window === "undefined") return;
+  try {
+    window.sessionStorage.setItem(
+      buildStorageKey(context.id),
+      JSON.stringify(context)
+    );
+  } catch (error) {
+    console.error("[wrong-create-group] Failed to save session storage", error);
+  }
+};
+
+export const readWrongCreateGroupContext = (
+  groupId: string | null | undefined
+): WrongCreateGroupContext | null => {
+  if (!groupId || typeof window === "undefined") return null;
+
+  const raw = window.sessionStorage.getItem(buildStorageKey(groupId));
+  if (!raw) return null;
+
+  try {
+    const parsed = JSON.parse(raw);
+    return isWrongCreateGroupContext(parsed) ? parsed : null;
+  } catch {
+    return null;
+  }
+};
diff --git a/apps/web/src/app/wrong/create/utils/search-params.ts b/apps/web/src/app/wrong/create/utils/search-params.ts
index e24ae3a3..0290b27a 100644
--- a/apps/web/src/app/wrong/create/utils/search-params.ts
+++ b/apps/web/src/app/wrong/create/utils/search-params.ts
@@ -1,11 +1,30 @@
 export const clamp = (value: number, min: number, max: number) =>
   Math.min(Math.max(value, min), max);
 
+const parsePositiveInt = (value: string): number | null => {
+  const n = Number(value);
+  return Number.isInteger(n) && n > 0 ? n : null;
+};
+
+export const readScanIds = (sp: URLSearchParams) => {
+  const raw = sp.get("scanIds");
+  if (!raw) return [];
+
+  return raw
+    .split(",")
+    .map((value) => value.trim())
+    .filter((value) => value !== "")
+    .map(parsePositiveInt)
+    .filter((value): value is number => value !== null);
+};
+
 export const readScanId = (sp: URLSearchParams) => {
+  const scanIds = readScanIds(sp);
+  if (scanIds.length > 0) return scanIds[0] ?? null;
+
   const raw = sp.get("scanId");
   if (!raw) return null;
-  const n = Number(raw);
-  return Number.isFinite(n) ? n : null;
+  return parsePositiveInt(raw);
 };
 
 export const readStr = (sp: URLSearchParams, key: string) =>
diff --git a/apps/web/src/app/wrong/scans/[id]/components/scan-answer-section.tsx b/apps/web/src/app/wrong/scans/[id]/components/scan-answer-section.tsx
new file mode 100644
index 00000000..ea8c9596
--- /dev/null
+++ b/apps/web/src/app/wrong/scans/[id]/components/scan-answer-section.tsx
@@ -0,0 +1,56 @@
+"use client";
+
+import { NumberChoice } from "@/shared/components/number-choice/number-choice";
+import TextField from "@/shared/components/text-field/text-field";
+import { Toggle } from "@/shared/components/toggle/toggle";
+import { TOGGLE_OPTIONS } from "@/app/wrong/create/constants/option-labels";
+import * as s from "@/app/wrong/scans/[id]/page.css";
+
+export type AnswerMode = "objective" | "subjective";
+
+type ScanAnswerSectionProps = {
+  answerMode: AnswerMode;
+  answerChoice: number | null;
+  answerText: string;
+  onAnswerModeChange: (value: AnswerMode) => void;
+  onAnswerChoiceChange: (value: number | null) => void;
+  onAnswerTextChange: (value: string) => void;
+};
+
+const ScanAnswerSection = ({
+  answerMode,
+  answerChoice,
+  answerText,
+  onAnswerModeChange,
+  onAnswerChoiceChange,
+  onAnswerTextChange,
+}: ScanAnswerSectionProps) => {
+  return (
+    <div className={s.section}>
+      <div className={s.sectionHeader}>
+        <div className={s.sectionTitle}>정답</div>
+        <Toggle
+          value={answerMode}
+          onValueChange={(value) => onAnswerModeChange(value as AnswerMode)}
+          options={TOGGLE_OPTIONS}
+        />
+      </div>
+
+      {answerMode === "objective" ? (
+        <NumberChoice
+          value={answerChoice}
+          onValueChange={onAnswerChoiceChange}
+        />
+      ) : (
+        <TextField
+          value={answerText}
+          onChange={(event) => onAnswerTextChange(event.target.value)}
+          placeholder="정답을 입력해 주세요."
+          fullWidth
+        />
+      )}
+    </div>
+  );
+};
+
+export default ScanAnswerSection;
diff --git a/apps/web/src/app/wrong/scans/[id]/components/scan-bottom-nav.tsx b/apps/web/src/app/wrong/scans/[id]/components/scan-bottom-nav.tsx
new file mode 100644
index 00000000..7bba2bf0
--- /dev/null
+++ b/apps/web/src/app/wrong/scans/[id]/components/scan-bottom-nav.tsx
@@ -0,0 +1,42 @@
+"use client";
+
+import Icon from "@/shared/components/icon/icon";
+import type { WrongCreateGroupItem } from "@/app/wrong/create/utils/group-context";
+import * as s from "@/app/wrong/scans/[id]/page.css";
+
+type ScanBottomNavProps = {
+  prevItem: WrongCreateGroupItem | null;
+  nextItem: WrongCreateGroupItem | null;
+  onMove: (scanId: number) => void;
+};
+
+const ScanBottomNav = ({
+  prevItem,
+  nextItem,
+  onMove,
+}: ScanBottomNavProps) => {
+  return (
+    <div className={s.bottomNav}>
+      <button
+        type="button"
+        className={s.navButton}
+        disabled={!prevItem}
+        onClick={() => prevItem && onMove(prevItem.scanId)}
+      >
+        <Icon name="chevron" size={2.4} rotate={180} />
+        이전 문제
+      </button>
+      <button
+        type="button"
+        className={s.navButton}
+        disabled={!nextItem}
+        onClick={() => nextItem && onMove(nextItem.scanId)}
+      >
+        다음 문제
+        <Icon name="chevron" size={2.4} />
+      </button>
+    </div>
+  );
+};
+
+export default ScanBottomNav;
diff --git a/apps/web/src/app/wrong/scans/[id]/components/scan-detail-hero.tsx b/apps/web/src/app/wrong/scans/[id]/components/scan-detail-hero.tsx
new file mode 100644
index 00000000..1fea7fdc
--- /dev/null
+++ b/apps/web/src/app/wrong/scans/[id]/components/scan-detail-hero.tsx
@@ -0,0 +1,61 @@
+"use client";
+
+import Image from "next/image";
+import Icon from "@/shared/components/icon/icon";
+import type { WrongCreateGroupItem } from "@/app/wrong/create/utils/group-context";
+import * as s from "@/app/wrong/scans/[id]/page.css";
+
+type ScanDetailHeroProps = {
+  item: WrongCreateGroupItem;
+  onEditClick: () => void;
+};
+
+const ScanDetailHero = ({ item, onEditClick }: ScanDetailHeroProps) => {
+  return (
+    <>
+      <div className={s.heroHeader}>
+        <div className={s.heroMeta}>
+          <div className={s.metaRow}>
+            <div className={s.chipRow}>
+              <div className={s.chip({ kind: "subject" })}>
+                {item.subjectName}
+              </div>
+              {item.typeNames.map((typeName, index) => (
+                <div
+                  key={`${typeName}-${index}`}
+                  className={s.chip({ kind: "type" })}
+                >
+                  {typeName}
+                </div>
+              ))}
+            </div>
+          </div>
+          <div className={s.titleRow}>
+            <div className={s.heroTitle}>{item.title}</div>
+            <button
+              type="button"
+              className={s.editButton}
+              onClick={onEditClick}
+            >
+              <Icon name="edit-scan" size={2} />
+              단원 수정하기
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <div className={s.imageWrap}>
+        <Image
+          src={item.imageUrl}
+          alt={item.title}
+          unoptimized
+          width={1200}
+          height={800}
+          className={s.image}
+        />
+      </div>
+    </>
+  );
+};
+
+export default ScanDetailHero;
diff --git a/apps/web/src/app/wrong/scans/[id]/components/scan-edit-modal.tsx b/apps/web/src/app/wrong/scans/[id]/components/scan-edit-modal.tsx
new file mode 100644
index 00000000..e8671b22
--- /dev/null
+++ b/apps/web/src/app/wrong/scans/[id]/components/scan-edit-modal.tsx
@@ -0,0 +1,262 @@
+"use client";
+import { useRef } from "react";
+import { Button } from "@/shared/components/button/button/button";
+import DirectAddButton from "@/app/wrong/create/components/direct-add-button/direct-add-button";
+import Divider from "@/shared/components/divider/divider";
+import Icon from "@/shared/components/icon/icon";
+import type { ProblemTypeItem } from "@/shared/apis/problem-type/problem-type-types";
+import {
+  MATH_SUBJECT_LABELS,
+  type MathSubjectLabel,
+} from "@/app/wrong/create/constants/option-labels";
+import * as s from "@/app/wrong/scans/[id]/page.css";
+
+type ScanEditModalProps = {
+  isOpen: boolean;
+  selectedSubject: MathSubjectLabel;
+  availableUnits: readonly string[];
+  selectedUnit: string;
+  selectedTypes: string[];
+  customSelectedTypes: ProblemTypeItem[];
+  problemTypes: ProblemTypeItem[];
+  customTypeDraft: string;
+  isDirectAddOpen: boolean;
+  onClose: () => void;
+  onApply: () => void;
+  onSubjectChange: (subject: MathSubjectLabel) => void;
+  onUnitChange: (unit: string) => void;
+  onTypeToggle: (typeName: string) => void;
+  onCustomTypeRemove: (type: ProblemTypeItem) => void | Promise<void>;
+  onCustomTypeMove: (draggedTypeId: string, targetTypeId: string) => void;
+  onCustomTypeDraftChange: (value: string) => void;
+  onDirectAddOpen: () => void;
+  onDirectAddClose: () => void;
+  onDirectAddSubmit: () => void | Promise<void>;
+};
+
+const ScanEditModal = ({
+  isOpen,
+  selectedSubject,
+  availableUnits,
+  selectedUnit,
+  selectedTypes,
+  customSelectedTypes,
+  problemTypes,
+  customTypeDraft,
+  isDirectAddOpen,
+  onClose,
+  onApply,
+  onSubjectChange,
+  onUnitChange,
+  onTypeToggle,
+  onCustomTypeRemove,
+  onCustomTypeMove,
+  onCustomTypeDraftChange,
+  onDirectAddOpen,
+  onDirectAddClose,
+  onDirectAddSubmit,
+}: ScanEditModalProps) => {
+  const draggedTypeIdRef = useRef<string | null>(null);
+  const moveCustomTypeByOffset = (typeId: string, offset: -1 | 1) => {
+    const currentIndex = customSelectedTypes.findIndex(
+      (customType) => customType.id === typeId,
+    );
+
+    if (currentIndex === -1) return;
+
+    const targetIndex = currentIndex + offset;
+
+    if (targetIndex < 0 || targetIndex >= customSelectedTypes.length) return;
+
+    onCustomTypeMove(typeId, customSelectedTypes[targetIndex].id);
+  };
+
+  if (!isOpen) return null;
+
+  return (
+    <div
+      className={s.overlay}
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby="scan-edit-modal-title"
+      onClick={(event) => event.target === event.currentTarget && onClose()}
+    >
+      <div className={s.sheet}>
+        <div id="scan-edit-modal-title" className={s.sheetHeader}>
+          유형 & 단원 분류 수정
+        </div>
+
+        <div className={s.sheetBody}>
+          <div className={s.sheetSection}>
+            <div className={s.sheetSectionTitle}>단원</div>
+            <div className={s.chipGroup}>
+              {MATH_SUBJECT_LABELS.map((subject) => (
+                <button
+                  key={subject}
+                  type="button"
+                  onClick={() => onSubjectChange(subject)}
+                  className={s.chip({
+                    kind: "button",
+                    tone: selectedSubject === subject ? "selected" : "default",
+                  })}
+                >
+                  {subject}
+                </button>
+              ))}
+            </div>
+          </div>
+
+          <div className={s.sheetSection}>
+            <div className={s.subjectUnitHeader}>
+              <Icon name="triangle" size={1.6} />
+              <span>{selectedSubject}</span>
+            </div>
+            <div className={s.chipGroup}>
+              {availableUnits.map((unit) => (
+                <button
+                  key={unit}
+                  type="button"
+                  onClick={() => onUnitChange(unit)}
+                  className={s.chip({
+                    kind: "button",
+                    tone: selectedUnit === unit ? "selected" : "default",
+                  })}
+                >
+                  {unit}
+                </button>
+              ))}
+            </div>
+          </div>
+
+          <Divider tone="grayscale-50" className={s.divider} />
+
+          <div className={s.sheetSection}>
+            <div className={s.sheetSectionTitle}>유형</div>
+            <div className={s.chipGroup}>
+              {problemTypes
+                .filter((type) => !type.custom)
+                .map((type) => {
+                  const active = selectedTypes.includes(type.name);
+
+                  return (
+                    <button
+                      key={type.id}
+                      type="button"
+                      onClick={() => onTypeToggle(type.name)}
+                      className={s.chip({
+                        kind: "button",
+                        tone: active ? "selected" : "default",
+                      })}
+                    >
+                      {type.name}
+                    </button>
+                  );
+                })}
+
+              {customSelectedTypes.map((type, index) => {
+                const isFirst = index === 0;
+                const isLast = index === customSelectedTypes.length - 1;
+
+                return (
+                  <div
+                    key={type.id}
+                    className={s.customTypeItem}
+                    draggable
+                    onDragStart={() => {
+                      draggedTypeIdRef.current = type.id;
+                    }}
+                    onDragOver={(event) => {
+                      event.preventDefault();
+                    }}
+                    onDrop={() => {
+                      if (
+                        !draggedTypeIdRef.current ||
+                        draggedTypeIdRef.current === type.id
+                      ) {
+                        return;
+                      }
+                      onCustomTypeMove(draggedTypeIdRef.current, type.id);
+                      draggedTypeIdRef.current = null;
+                    }}
+                    onDragEnd={() => {
+                      draggedTypeIdRef.current = null;
+                    }}
+                  >
+                    <div className={s.chip({ kind: "custom" })}>
+                      <span>{type.name}</span>
+                      <div className={s.customTypeActions}>
+                        <button
+                          type="button"
+                          className={s.customTypeMoveButton}
+                          onClick={() => {
+                            moveCustomTypeByOffset(type.id, -1);
+                          }}
+                          disabled={isFirst}
+                          aria-label={`${type.name} 위로 이동`}
+                        >
+                          <Icon name="chevron" size={1.6} rotate={270} />
+                        </button>
+                        <button
+                          type="button"
+                          className={s.customTypeMoveButton}
+                          onClick={() => {
+                            moveCustomTypeByOffset(type.id, 1);
+                          }}
+                          disabled={isLast}
+                          aria-label={`${type.name} 아래로 이동`}
+                        >
+                          <Icon name="chevron" size={1.6} rotate={90} />
+                        </button>
+                        <button
+                          type="button"
+                          className={s.customTypeRemoveButton}
+                          onClick={() => {
+                            void onCustomTypeRemove(type);
+                          }}
+                          aria-label={`${type.name} 삭제`}
+                        >
+                          <Icon name="multiple" size={2} />
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                );
+              })}
+
+              {isDirectAddOpen ? (
+                <DirectAddButton
+                  mode="input"
+                  value={customTypeDraft}
+                  onValueChange={onCustomTypeDraftChange}
+                  onSubmit={onDirectAddSubmit}
+                  onCancel={onDirectAddClose}
+                  className={s.chip({ kind: "add" })}
+                />
+              ) : (
+                <DirectAddButton
+                  className={s.chip({ kind: "add" })}
+                  onClick={onDirectAddOpen}
+                />
+              )}
+            </div>
+          </div>
+        </div>
+
+        <div className={s.sheetFooter}>
+          <Button
+            fullWidth
+            size="48"
+            tone="dark"
+            label="수정 완료"
+            onClick={onApply}
+          />
+          <button type="button" className={s.closeButton} onClick={onClose}>
+            닫기
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ScanEditModal;
diff --git a/apps/web/src/app/wrong/scans/[id]/hooks/use-scan-answer-actions.ts b/apps/web/src/app/wrong/scans/[id]/hooks/use-scan-answer-actions.ts
new file mode 100644
index 00000000..2798d853
--- /dev/null
+++ b/apps/web/src/app/wrong/scans/[id]/hooks/use-scan-answer-actions.ts
@@ -0,0 +1,68 @@
+"use client";
+import { useState } from "react";
+import type { WrongCreateGroupItem } from "@/app/wrong/create/utils/group-context";
+import type { AnswerMode } from "@/app/wrong/scans/[id]/components/scan-answer-section";
+import { buildAnswerFields } from "@/app/wrong/scans/[id]/payload";
+
+export const useScanAnswerActions = ({
+  initialMode,
+  initialChoice,
+  initialText,
+  displayItem,
+  persistGroupItem,
+}: {
+  initialMode: AnswerMode;
+  initialChoice: number | null;
+  initialText: string;
+  displayItem: WrongCreateGroupItem | null;
+  persistGroupItem: (nextItem: WrongCreateGroupItem) => void;
+}) => {
+  const [answerMode, setAnswerMode] = useState<AnswerMode>(initialMode);
+  const [answerChoice, setAnswerChoice] = useState<number | null>(initialChoice);
+  const [answerText, setAnswerText] = useState(initialText);
+
+  const persistCurrentAnswer = (
+    nextAnswerMode: AnswerMode,
+    nextAnswerChoice: number | null,
+    nextAnswerText: string
+  ) => {
+    if (!displayItem) return;
+
+    persistGroupItem({
+      ...displayItem,
+      ...buildAnswerFields(nextAnswerMode, nextAnswerChoice, nextAnswerText),
+    });
+  };
+
+  const handleAnswerModeChange = (value: AnswerMode) => {
+    setAnswerMode(value);
+
+    if (value === "objective") {
+      setAnswerText("");
+      persistCurrentAnswer(value, answerChoice, "");
+      return;
+    }
+
+    setAnswerChoice(null);
+    persistCurrentAnswer(value, null, answerText);
+  };
+
+  const handleAnswerChoiceChange = (value: number | null) => {
+    setAnswerChoice(value);
+    persistCurrentAnswer(answerMode, value, answerText);
+  };
+
+  const handleAnswerTextChange = (value: string) => {
+    setAnswerText(value);
+    persistCurrentAnswer(answerMode, answerChoice, value);
+  };
+
+  return {
+    answerMode,
+    answerChoice,
+    answerText,
+    handleAnswerModeChange,
+    handleAnswerChoiceChange,
+    handleAnswerTextChange,
+  };
+};
diff --git a/apps/web/src/app/wrong/scans/[id]/hooks/use-wrong-scan-detail.ts b/apps/web/src/app/wrong/scans/[id]/hooks/use-wrong-scan-detail.ts
new file mode 100644
index 00000000..84263d05
--- /dev/null
+++ b/apps/web/src/app/wrong/scans/[id]/hooks/use-wrong-scan-detail.ts
@@ -0,0 +1,296 @@
+"use client";
+import { useMemo, useState } from "react";
+import { useParams, useRouter, useSearchParams } from "next/navigation";
+import { useCreateBulkWrongAnswerCardsMutation } from "@/shared/apis/problem-create/hooks/use-create-bulk-wrong-answer-cards-mutation";
+import { useCreateCustomTypeMutation } from "@/shared/apis/problem-type/hooks/use-create-custom-type-mutation";
+import { useProblemTypesQuery } from "@/shared/apis/problem-type/hooks/use-problem-types-query";
+import { useUpdateCustomTypeMutation } from "@/shared/apis/problem-type/hooks/use-update-custom-type-mutation";
+import type { ProblemTypeItem } from "@/shared/apis/problem-type/problem-type-types";
+import {
+  MATH_SUBJECT_TYPE_LABELS,
+  type MathSubjectLabel,
+} from "@/app/wrong/create/constants/option-labels";
+import {
+  readWrongCreateGroupContext,
+  saveWrongCreateGroupContext,
+  type WrongCreateGroupItem,
+} from "@/app/wrong/create/utils/group-context";
+import { normalize } from "@/app/wrong/create/utils/label-match";
+import {
+  getInitialScanState,
+  resolveKnownTypeIds,
+  resolveUnitId,
+} from "@/app/wrong/scans/[id]/utils";
+import {
+  buildAnswerFields,
+  buildBulkCreatePayload,
+} from "@/app/wrong/scans/[id]/payload";
+import { useScanAnswerActions } from "@/app/wrong/scans/[id]/hooks/use-scan-answer-actions";
+import {
+  buildMovedCustomTypes,
+  submitDirectAddType,
+} from "@/app/wrong/scans/[id]/type-actions";
+import { ROUTES } from "@/shared/constants/routes";
+import { toastError } from "@/shared/components/toast/toast";
+export const useWrongScanDetail = () => {
+  const params = useParams();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const scanId = Number(params.id as string);
+  const groupId = searchParams.get("group");
+  const group = useMemo(() => readWrongCreateGroupContext(groupId), [groupId]);
+  const groupItems = group?.items ?? [];
+  const groupIndex = groupItems.findIndex((item) => item.scanId === scanId);
+  const groupItem = groupIndex >= 0 ? groupItems[groupIndex] : null;
+  const createProblemMutation = useCreateBulkWrongAnswerCardsMutation();
+  const createCustomTypeMutation = useCreateCustomTypeMutation();
+  const updateCustomTypeMutation = useUpdateCustomTypeMutation();
+  const { data: problemTypes = [] } = useProblemTypesQuery();
+  const initial = getInitialScanState(groupItem);
+  const [isEditModalOpen, setIsEditModalOpen] = useState(false);
+  const [selectedSubject, setSelectedSubject] =
+    useState<MathSubjectLabel>(initial.subject);
+  const [selectedUnit, setSelectedUnit] = useState<string>(initial.unit);
+  const [selectedTypes, setSelectedTypes] = useState<string[]>(
+    groupItem?.typeNames ?? []
+  );
+  const [appliedSubject, setAppliedSubject] =
+    useState<MathSubjectLabel>(initial.subject);
+  const [appliedUnit, setAppliedUnit] = useState<string>(initial.unit);
+  const [appliedTypes, setAppliedTypes] = useState<string[]>(
+    groupItem?.typeNames ?? []
+  );
+  const [customTypeDraft, setCustomTypeDraft] = useState("");
+  const [isDirectAddOpen, setIsDirectAddOpen] = useState(false);
+  const availableUnits = MATH_SUBJECT_TYPE_LABELS[selectedSubject];
+  const resolvedSelectedUnit = availableUnits.includes(selectedUnit as never)
+    ? selectedUnit
+    : availableUnits[0];
+  const customSelectedTypes = selectedTypes
+    .map((typeName) =>
+      problemTypes.find(
+        (type) =>
+          type.custom && normalize(type.name) === normalize(typeName)
+      ) ?? null
+    )
+    .filter((type): type is ProblemTypeItem => Boolean(type));
+  const prevItem = groupIndex > 0 ? groupItems[groupIndex - 1] : null;
+  const nextItem =
+    groupIndex >= 0 && groupIndex < groupItems.length - 1
+      ? groupItems[groupIndex + 1]
+      : null;
+  const isReady = Boolean(groupItem) && Number.isFinite(scanId);
+  const persistGroupItem = (nextItem: WrongCreateGroupItem) => {
+    if (!groupId) return;
+    const latestGroup = readWrongCreateGroupContext(groupId);
+    if (!latestGroup) return;
+    saveWrongCreateGroupContext({
+      ...latestGroup,
+      items: latestGroup.items.map((item) =>
+        item.scanId === nextItem.scanId ? nextItem : item
+      ),
+    });
+  };
+  const displayItem = useMemo(() => {
+    if (!groupItem) return null;
+    const resolvedTypeIds = resolveKnownTypeIds(appliedTypes, problemTypes);
+    return {
+      ...groupItem,
+      finalUnitId:
+        resolveUnitId(appliedSubject, appliedUnit) ?? groupItem.finalUnitId,
+      finalTypeIds:
+        resolvedTypeIds.length > 0 ? resolvedTypeIds : groupItem.finalTypeIds,
+      subjectName: appliedSubject,
+      unitName: appliedUnit,
+      typeNames: appliedTypes,
+      title: `${appliedUnit} 문제`,
+    } satisfies WrongCreateGroupItem;
+  }, [appliedSubject, appliedTypes, appliedUnit, groupItem, problemTypes]);
+  const {
+    answerMode,
+    answerChoice,
+    answerText,
+    handleAnswerModeChange,
+    handleAnswerChoiceChange,
+    handleAnswerTextChange,
+  } = useScanAnswerActions({
+    initialMode: initial.answerMode,
+    initialChoice: groupItem?.answerChoiceNo ?? null,
+    initialText: groupItem?.answerValue ?? "",
+    displayItem,
+    persistGroupItem,
+  });
+  const moveTo = (nextScanId: number) => {
+    if (!groupId) return;
+    router.push(
+      `${ROUTES.WRONG.SCAN_DETAIL(nextScanId)}?group=${encodeURIComponent(groupId)}`
+    );
+  };
+
+  const handleComplete = async () => {
+    if (!groupItem || !displayItem) return;
+
+    const latestGroup = readWrongCreateGroupContext(groupId);
+    const result = await buildBulkCreatePayload({
+      items: latestGroup?.items ?? [displayItem],
+      currentItem: displayItem,
+      answerMode,
+      answerChoice,
+      answerText,
+      problemTypes,
+      createType: (name) => createCustomTypeMutation.mutateAsync({ name }),
+    });
+    if (!result) return;
+
+    persistGroupItem(result.nextCurrentItem);
+    createProblemMutation.mutate(result.payloadItems, {
+      onSuccess: () => {
+        router.push(
+          groupId
+            ? `${ROUTES.WRONG.CREATE_DONE}?group=${encodeURIComponent(groupId)}`
+            : ROUTES.WRONG.CREATE_DONE
+        );
+      },
+    });
+  };
+
+  const handleEditModalClose = () => {
+    setSelectedSubject(appliedSubject);
+    setSelectedUnit(appliedUnit);
+    setSelectedTypes(appliedTypes);
+    setIsDirectAddOpen(false);
+    setCustomTypeDraft("");
+    setIsEditModalOpen(false);
+  };
+
+  const handleEditApply = () => {
+    if (!groupItem) return;
+
+    const nextSubject = selectedSubject;
+    const nextUnit = resolvedSelectedUnit;
+    const nextTypes = [...selectedTypes];
+    const nextTypeIds = resolveKnownTypeIds(nextTypes, problemTypes);
+
+    setAppliedSubject(nextSubject);
+    setAppliedUnit(nextUnit);
+    setAppliedTypes(nextTypes);
+    persistGroupItem({
+      ...groupItem,
+      finalUnitId: resolveUnitId(nextSubject, nextUnit) ?? groupItem.finalUnitId,
+      finalTypeIds: nextTypeIds.length > 0 ? nextTypeIds : groupItem.finalTypeIds,
+      subjectName: nextSubject,
+      unitName: nextUnit,
+      typeNames: nextTypes,
+      title: `${nextUnit} 문제`,
+      ...buildAnswerFields(answerMode, answerChoice, answerText),
+    });
+
+    setIsDirectAddOpen(false);
+    setCustomTypeDraft("");
+    setIsEditModalOpen(false);
+  };
+
+  const handleSubjectChange = (subject: MathSubjectLabel) => {
+    const nextUnits = MATH_SUBJECT_TYPE_LABELS[subject];
+    setSelectedSubject(subject);
+    setSelectedUnit((prev) =>
+      nextUnits.includes(prev as never) ? prev : nextUnits[0]
+    );
+  };
+
+  const handleCustomTypeMove = (draggedTypeId: string, targetTypeId: string) => {
+    const moved = buildMovedCustomTypes({
+      selectedTypes,
+      customSelectedTypes,
+      draggedTypeId,
+      targetTypeId,
+    });
+    if (!moved) return;
+
+    const previousSelectedTypes = [...selectedTypes];
+    setSelectedTypes(moved.nextSelectedTypes);
+
+    void Promise.all(
+      moved.nextCustomIds.map((typeId, index) =>
+        updateCustomTypeMutation.mutateAsync({
+          typeId,
+          body: { sortOrder: index + 1 },
+        })
+      )
+    ).catch((error) => {
+      console.error("[wrong-scan-detail] Failed to reorder custom types", error);
+      setSelectedTypes(previousSelectedTypes);
+      toastError("유형 순서 변경에 실패했어요. 잠시 후 다시 시도해 주세요.");
+    });
+  };
+
+  const handleDirectAddSubmit = async () => {
+    const nextType = await submitDirectAddType({
+      draft: customTypeDraft,
+      problemTypes,
+      createType: (name) => createCustomTypeMutation.mutateAsync({ name }),
+    }).catch((error) => {
+      console.error("[wrong-scan-detail] Failed to create custom type", error);
+      toastError("유형 추가에 실패했어요. 잠시 후 다시 시도해 주세요.");
+      return undefined;
+    });
+
+    if (nextType) {
+      setSelectedTypes((prev) =>
+        prev.includes(nextType.name) ? prev : [...prev, nextType.name]
+      );
+    }
+
+    setCustomTypeDraft("");
+    setIsDirectAddOpen(false);
+  };
+
+  return {
+    isReady,
+    displayItem,
+    prevItem,
+    nextItem,
+    availableUnits,
+    resolvedSelectedUnit,
+    customSelectedTypes,
+    problemTypes,
+    selectedSubject,
+    selectedTypes,
+    customTypeDraft,
+    isDirectAddOpen,
+    isEditModalOpen,
+    answerMode,
+    answerChoice,
+    answerText,
+    isCompleteDisabled:
+      createProblemMutation.isPending || createCustomTypeMutation.isPending,
+    moveTo,
+    handleComplete,
+    handleEditModalClose,
+    handleEditApply,
+    handleSubjectChange,
+    handleTypeToggle: (typeName: string) => {
+      setSelectedTypes((prev) =>
+        prev.includes(typeName)
+          ? prev.filter((name) => name !== typeName)
+          : [...prev, typeName]
+      );
+    },
+    handleCustomTypeRemove: (type: ProblemTypeItem) => {
+      setSelectedTypes((prev) => prev.filter((name) => name !== type.name));
+    },
+    handleCustomTypeMove,
+    handleDirectAddSubmit,
+    handleAnswerModeChange,
+    handleAnswerChoiceChange,
+    handleAnswerTextChange,
+    openEditModal: () => setIsEditModalOpen(true),
+    setSelectedUnit,
+    setCustomTypeDraft,
+    openDirectAdd: () => setIsDirectAddOpen(true),
+    closeDirectAdd: () => {
+      setIsDirectAddOpen(false);
+      setCustomTypeDraft("");
+    },
+  };
+};
diff --git a/apps/web/src/app/wrong/scans/[id]/page.css.ts b/apps/web/src/app/wrong/scans/[id]/page.css.ts
new file mode 100644
index 00000000..af5bba03
--- /dev/null
+++ b/apps/web/src/app/wrong/scans/[id]/page.css.ts
@@ -0,0 +1,377 @@
+import { style } from "@vanilla-extract/css";
+import { recipe } from "@vanilla-extract/recipes";
+import { vars } from "@/shared/styles/theme.css";
+import { typo } from "@/shared/styles/typography.css";
+import { bgColor, color } from "@/shared/styles/color.css";
+
+export const page = style([
+  bgColor["grayscale-0"],
+  {
+    minHeight: "100dvh",
+    paddingBottom: "10rem",
+  },
+]);
+
+export const header = style([
+  bgColor["grayscale-0"],
+  {
+    position: "sticky",
+    top: 0,
+    zIndex: vars.zIndex.header,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "1.2rem 1.6rem",
+  },
+]);
+
+export const headerSide = style({
+  minWidth: "6.5rem",
+});
+
+export const body = style({
+  padding: "2rem 1.6rem",
+  display: "flex",
+  flexDirection: "column",
+  gap: "2rem",
+});
+
+export const heroHeader = style({
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "flex-start",
+  gap: "1.2rem",
+});
+
+export const heroMeta = style({
+  display: "flex",
+  flexDirection: "column",
+  gap: "1.2rem",
+  width: "100%",
+});
+
+export const metaRow = style({
+  display: "flex",
+  alignItems: "center",
+  gap: "1.2rem",
+});
+
+export const titleRow = style({
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  gap: "1.2rem",
+});
+
+export const chipRow = style({
+  display: "flex",
+  gap: "0.8rem",
+  alignItems: "center",
+  flexWrap: "wrap",
+});
+
+export const chip = recipe({
+  base: {
+    display: "flex",
+    alignItems: "center",
+    cursor: "pointer",
+  },
+  variants: {
+    kind: {
+      subject: [
+        typo.caption.semibold,
+        bgColor["main-500"],
+        color["grayscale-0"],
+        {
+          padding: "0.4rem 1.2rem",
+          borderRadius: vars.radius.full,
+          cursor: "default",
+        },
+      ],
+      type: [
+        typo.caption.semibold,
+        bgColor["grayscale-50"],
+        color["grayscale-700"],
+        {
+          padding: "0.4rem 1.2rem",
+          borderRadius: vars.radius.r8,
+          cursor: "default",
+        },
+      ],
+      button: [
+        typo.body3.medium,
+        {
+          border: "none",
+          borderRadius: vars.radius.r12,
+          padding: "0.8rem 1.6rem",
+        },
+      ],
+      add: [
+        typo.body3.medium,
+        bgColor["grayscale-0"],
+        color["grayscale-400"],
+        {
+          border: `1px solid ${vars.color.grayscale[100]}`,
+          borderRadius: vars.radius.r12,
+          padding: "0.8rem 1.6rem",
+          gap: "0.8rem",
+        },
+      ],
+      custom: [
+        typo.body3.medium,
+        {
+          border: "none",
+          borderRadius: vars.radius.r12,
+          padding: "0.8rem 1.6rem",
+          gap: "0.8rem",
+        },
+      ],
+    },
+    tone: {
+      default: {},
+      selected: {},
+    },
+  },
+  compoundVariants: [
+    {
+      variants: { kind: "button", tone: "default" },
+      style: {
+        background: vars.color.grayscale[50],
+        color: vars.color.grayscale[700],
+        fontWeight: vars.typography.body3.fontWeight.medium,
+      },
+    },
+    {
+      variants: { kind: "button", tone: "selected" },
+      style: {
+        background: vars.color.main[100],
+        color: vars.color.main[500],
+        fontWeight: vars.typography.body3.fontWeight.semibold,
+      },
+    },
+    {
+      variants: { kind: "custom", tone: "default" },
+      style: {
+        background: vars.color.grayscale[50],
+        color: vars.color.grayscale[700],
+      },
+    },
+  ],
+  defaultVariants: {
+    tone: "default",
+  },
+});
+
+export const heroTitle = style([typo.body1.bold, color["grayscale-900"]]);
+
+export const editButton = style([
+  typo.body3.medium,
+  color["grayscale-300"],
+  {
+    display: "flex",
+    alignItems: "center",
+    gap: "0.6rem",
+    cursor: "pointer",
+  },
+]);
+
+export const imageWrap = style({
+  width: "100%",
+  borderRadius: vars.radius.r12,
+  overflow: "hidden",
+  border: `1px solid ${vars.color.grayscale[100]}`,
+});
+
+export const image = style({
+  display: "block",
+  width: "100%",
+  height: "auto",
+});
+
+export const section = style({
+  display: "flex",
+  flexDirection: "column",
+  gap: "1.2rem",
+});
+
+export const sectionHeader = style({
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+});
+
+export const sectionTitle = style([
+  typo.body2.semibold,
+  color["grayscale-700"],
+]);
+
+export const bottomNav = style({
+  display: "flex",
+  justifyContent: "space-between",
+  padding: "0 1.6rem",
+});
+
+export const navButton = style([
+  typo.body2.medium,
+  color["grayscale-500"],
+  {
+    border: "none",
+    background: "transparent",
+    display: "flex",
+    alignItems: "center",
+    gap: "1.2rem",
+    cursor: "pointer",
+    selectors: {
+      "&:disabled": {
+        color: vars.color.grayscale[300],
+        cursor: "not-allowed",
+      },
+    },
+  },
+]);
+
+export const bottomAction = style([
+  bgColor["grayscale-0"],
+  {
+    position: "fixed",
+    maxWidth: "43rem",
+    margin: "0 auto",
+    width: "100%",
+    bottom: 0,
+    padding: "1.6rem",
+  },
+]);
+
+export const overlay = style([
+  bgColor["overDim-40"],
+  {
+    position: "fixed",
+    inset: 0,
+    display: "flex",
+    alignItems: "flex-end",
+    justifyContent: "center",
+    padding: "0 1.6rem 2.8rem",
+    boxSizing: "border-box",
+    zIndex: vars.zIndex.bottomSheetOverlay,
+  },
+]);
+
+export const sheet = style([
+  bgColor["grayscale-0"],
+  {
+    width: "min(100%, 39rem)",
+    maxWidth: "39rem",
+    height: "54rem",
+    borderRadius: vars.radius.r24,
+    display: "grid",
+    gridTemplateRows: "auto 1fr auto",
+    overflow: "hidden",
+  },
+]);
+
+export const sheetHeader = style([
+  bgColor["grayscale-0"],
+  color["grayscale-900"],
+  typo.body1.bold,
+  {
+    padding: "2rem 1.6rem",
+  },
+]);
+
+export const sheetBody = style({
+  overflowY: "auto",
+  display: "flex",
+  flexDirection: "column",
+  gap: "2rem",
+  padding: "0 1.6rem",
+});
+
+export const sheetSection = style({
+  display: "flex",
+  flexDirection: "column",
+  gap: "1.2rem",
+});
+
+export const sheetSectionTitle = style([
+  typo.body2.semibold,
+  color["grayscale-800"],
+]);
+
+export const chipGroup = style({
+  display: "flex",
+  flexWrap: "wrap",
+  gap: "1.2rem",
+});
+
+export const subjectUnitHeader = style([
+  typo.body3.medium,
+  color["grayscale-700"],
+  {
+    display: "flex",
+    alignItems: "center",
+    gap: "0.4rem",
+  },
+]);
+
+export const divider = style({
+  height: "0.4rem",
+  margin: "0 -1.6rem",
+  flexShrink: 0,
+});
+
+export const sheetFooter = style([
+  bgColor["grayscale-0"],
+  {
+    padding: "2rem 1.6rem calc(2rem + env(safe-area-inset-bottom))",
+    display: "flex",
+    flexDirection: "column",
+    gap: "0.8rem",
+  },
+]);
+
+export const closeButton = style([
+  typo.body2.medium,
+  color["grayscale-500"],
+  {
+    border: "none",
+    background: "transparent",
+    cursor: "pointer",
+  },
+]);
+
+export const customTypeItem = style({
+  display: "inline-flex",
+  cursor: "grab",
+});
+
+export const customTypeActions = style({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.4rem",
+});
+
+export const customTypeMoveButton = style({
+  border: "none",
+  background: "transparent",
+  padding: 0,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  selectors: {
+    "&:disabled": {
+      color: vars.color.grayscale[300],
+      cursor: "not-allowed",
+    },
+  },
+});
+
+export const customTypeRemoveButton = style({
+  border: "none",
+  background: "transparent",
+  padding: 0,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+});
diff --git a/apps/web/src/app/wrong/scans/[id]/page.tsx b/apps/web/src/app/wrong/scans/[id]/page.tsx
new file mode 100644
index 00000000..ecee201b
--- /dev/null
+++ b/apps/web/src/app/wrong/scans/[id]/page.tsx
@@ -0,0 +1,108 @@
+"use client";
+
+import { Button } from "@/shared/components/button/button/button";
+import AiSolutionText from "@/app/wrong/create/components/ai-solution-text/ai-solution-text";
+import ScanAnswerSection from "@/app/wrong/scans/[id]/components/scan-answer-section";
+import ScanBottomNav from "@/app/wrong/scans/[id]/components/scan-bottom-nav";
+import ScanDetailHero from "@/app/wrong/scans/[id]/components/scan-detail-hero";
+import ScanEditModal from "@/app/wrong/scans/[id]/components/scan-edit-modal";
+import { useWrongScanDetail } from "@/app/wrong/scans/[id]/hooks/use-wrong-scan-detail";
+import * as s from "@/app/wrong/scans/[id]/page.css";
+
+const WrongScanDetailPage = () => {
+  const {
+    isReady,
+    displayItem,
+    prevItem,
+    nextItem,
+    availableUnits,
+    resolvedSelectedUnit,
+    customSelectedTypes,
+    problemTypes,
+    selectedSubject,
+    selectedTypes,
+    customTypeDraft,
+    isDirectAddOpen,
+    isEditModalOpen,
+    answerMode,
+    answerChoice,
+    answerText,
+    isCompleteDisabled,
+    moveTo,
+    handleComplete,
+    handleEditModalClose,
+    handleEditApply,
+    handleSubjectChange,
+    handleTypeToggle,
+    handleCustomTypeRemove,
+    handleCustomTypeMove,
+    handleDirectAddSubmit,
+    handleAnswerModeChange,
+    handleAnswerChoiceChange,
+    handleAnswerTextChange,
+    openEditModal,
+    setSelectedUnit,
+    setCustomTypeDraft,
+    openDirectAdd,
+    closeDirectAdd,
+  } = useWrongScanDetail();
+
+  if (!isReady || !displayItem) return null;
+
+  return (
+    <div className={s.page}>
+      <div className={s.body}>
+        <ScanDetailHero item={displayItem} onEditClick={openEditModal} />
+
+        <ScanAnswerSection
+          answerMode={answerMode}
+          answerChoice={answerChoice}
+          answerText={answerText}
+          onAnswerModeChange={handleAnswerModeChange}
+          onAnswerChoiceChange={handleAnswerChoiceChange}
+          onAnswerTextChange={handleAnswerTextChange}
+        />
+
+        <AiSolutionText />
+      </div>
+
+      <ScanBottomNav prevItem={prevItem} nextItem={nextItem} onMove={moveTo} />
+
+      <div className={s.bottomAction}>
+        <Button
+          fullWidth
+          size="48"
+          tone="dark"
+          label="완료"
+          onClick={handleComplete}
+          disabled={isCompleteDisabled}
+        />
+      </div>
+
+      <ScanEditModal
+        isOpen={isEditModalOpen}
+        selectedSubject={selectedSubject}
+        availableUnits={availableUnits}
+        selectedUnit={resolvedSelectedUnit}
+        selectedTypes={selectedTypes}
+        customSelectedTypes={customSelectedTypes}
+        problemTypes={problemTypes}
+        customTypeDraft={customTypeDraft}
+        isDirectAddOpen={isDirectAddOpen}
+        onClose={handleEditModalClose}
+        onApply={handleEditApply}
+        onSubjectChange={handleSubjectChange}
+        onUnitChange={setSelectedUnit}
+        onTypeToggle={handleTypeToggle}
+        onCustomTypeRemove={handleCustomTypeRemove}
+        onCustomTypeMove={handleCustomTypeMove}
+        onCustomTypeDraftChange={setCustomTypeDraft}
+        onDirectAddOpen={openDirectAdd}
+        onDirectAddClose={closeDirectAdd}
+        onDirectAddSubmit={handleDirectAddSubmit}
+      />
+    </div>
+  );
+};
+
+export default WrongScanDetailPage;
diff --git a/apps/web/src/app/wrong/scans/[id]/payload.ts b/apps/web/src/app/wrong/scans/[id]/payload.ts
new file mode 100644
index 00000000..44a7030f
--- /dev/null
+++ b/apps/web/src/app/wrong/scans/[id]/payload.ts
@@ -0,0 +1,152 @@
+"use client";
+
+import type { ProblemCreateRequest } from "@/shared/apis/problem-create/problem-create-types";
+import type { ProblemTypeItem } from "@/shared/apis/problem-type/problem-type-types";
+import { inferSubjectiveFormat } from "@/app/wrong/create/utils/answer-format";
+import type { WrongCreateGroupItem } from "@/app/wrong/create/utils/group-context";
+import { normalize } from "@/app/wrong/create/utils/label-match";
+import type { AnswerMode } from "@/app/wrong/scans/[id]/components/scan-answer-section";
+import { dedupe, resolveUnitId } from "@/app/wrong/scans/[id]/utils";
+
+export const buildAnswerFields = (
+  answerMode: AnswerMode,
+  answerChoice: number | null,
+  answerText: string
+) => {
+  const trimmedAnswerValue = answerText.trim();
+
+  return {
+    answerFormat:
+      answerMode === "objective"
+        ? ("CHOICE" as const)
+        : inferSubjectiveFormat(trimmedAnswerValue),
+    answerChoiceNo: answerMode === "objective" ? answerChoice : null,
+    answerValue: answerMode === "subjective" ? trimmedAnswerValue : null,
+  };
+};
+
+export const resolveItemFinalUnitId = (item: WrongCreateGroupItem) => {
+  return resolveUnitId(item.subjectName, item.unitName) ?? item.finalUnitId;
+};
+
+export const resolveFinalTypeIds = async ({
+  typeNames,
+  fallbackTypeIds,
+  problemTypes,
+  createType,
+}: {
+  typeNames: string[];
+  fallbackTypeIds: string[];
+  problemTypes: ProblemTypeItem[];
+  createType: (name: string) => Promise<ProblemTypeItem>;
+}) => {
+  if (typeNames.length === 0) return fallbackTypeIds;
+
+  return dedupe(
+    await Promise.all(
+      typeNames.map(async (typeName) => {
+        const existing = problemTypes.find(
+          (type) => normalize(type.name) === normalize(typeName)
+        );
+
+        if (existing?.id) return existing.id;
+
+        const created = await createType(typeName.trim());
+        return created.id;
+      })
+    )
+  );
+};
+
+export const buildProblemPayload = (
+  item: WrongCreateGroupItem,
+  finalUnitId: string,
+  finalTypeIds: string[],
+  answerMode: AnswerMode,
+  answerChoice: number | null,
+  answerText: string
+): ProblemCreateRequest => ({
+  scanId: item.scanId,
+  finalUnitId,
+  finalTypeIds,
+  ...buildAnswerFields(answerMode, answerChoice, answerText),
+});
+
+export const buildStoredProblemPayload = (
+  item: WrongCreateGroupItem,
+  finalUnitId: string,
+  finalTypeIds: string[]
+): ProblemCreateRequest => ({
+  scanId: item.scanId,
+  finalUnitId,
+  finalTypeIds,
+  answerFormat: item.answerFormat,
+  answerChoiceNo: item.answerChoiceNo ?? null,
+  answerValue: item.answerValue ?? null,
+});
+
+export const buildBulkCreatePayload = async ({
+  items,
+  currentItem,
+  answerMode,
+  answerChoice,
+  answerText,
+  problemTypes,
+  createType,
+}: {
+  items: WrongCreateGroupItem[];
+  currentItem: WrongCreateGroupItem;
+  answerMode: AnswerMode;
+  answerChoice: number | null;
+  answerText: string;
+  problemTypes: ProblemTypeItem[];
+  createType: (name: string) => Promise<ProblemTypeItem>;
+}) => {
+  const currentFinalUnitId = resolveItemFinalUnitId(currentItem);
+  if (!currentFinalUnitId) return null;
+
+  const currentFinalTypeIds = await resolveFinalTypeIds({
+    typeNames: currentItem.typeNames,
+    fallbackTypeIds: currentItem.finalTypeIds,
+    problemTypes,
+    createType,
+  });
+  if (currentFinalTypeIds.length === 0) return null;
+
+  const nextCurrentItem: WrongCreateGroupItem = {
+    ...currentItem,
+    finalUnitId: currentFinalUnitId,
+    finalTypeIds: currentFinalTypeIds,
+    ...buildAnswerFields(answerMode, answerChoice, answerText),
+  };
+
+  const payloadItems = await Promise.all(
+    items.map(async (item) => {
+      const effectiveItem =
+        item.scanId === nextCurrentItem.scanId ? nextCurrentItem : item;
+
+      if (effectiveItem.scanId === nextCurrentItem.scanId) {
+        return buildProblemPayload(
+          nextCurrentItem,
+          currentFinalUnitId,
+          currentFinalTypeIds,
+          answerMode,
+          answerChoice,
+          answerText
+        );
+      }
+
+      const finalUnitId = resolveItemFinalUnitId(effectiveItem);
+      const finalTypeIds = await resolveFinalTypeIds({
+        typeNames: effectiveItem.typeNames,
+        fallbackTypeIds: effectiveItem.finalTypeIds,
+        problemTypes,
+        createType,
+      });
+
+      return buildStoredProblemPayload(effectiveItem, finalUnitId, finalTypeIds);
+    })
+  );
+
+  return { nextCurrentItem, payloadItems };
+};
diff --git a/apps/web/src/app/wrong/scans/[id]/type-actions.ts b/apps/web/src/app/wrong/scans/[id]/type-actions.ts
new file mode 100644
index 00000000..0ef797a0
--- /dev/null
+++ b/apps/web/src/app/wrong/scans/[id]/type-actions.ts
@@ -0,0 +1,60 @@
+"use client";
+
+import type { ProblemTypeItem } from "@/shared/apis/problem-type/problem-type-types";
+import { normalize } from "@/app/wrong/create/utils/label-match";
+import { reorder } from "@/app/wrong/scans/[id]/utils";
+
+export const buildMovedCustomTypes = ({
+  selectedTypes,
+  customSelectedTypes,
+  draggedTypeId,
+  targetTypeId,
+}: {
+  selectedTypes: string[];
+  customSelectedTypes: ProblemTypeItem[];
+  draggedTypeId: string;
+  targetTypeId: string;
+}) => {
+  const customTypesById = new Map(customSelectedTypes.map((type) => [type.id, type]));
+  const currentCustomIds = customSelectedTypes.map((type) => type.id);
+  const fromIndex = currentCustomIds.indexOf(draggedTypeId);
+  const toIndex = currentCustomIds.indexOf(targetTypeId);
+
+  if (fromIndex < 0 || toIndex < 0 || fromIndex === toIndex) return null;
+
+  const nextCustomIds = reorder(currentCustomIds, fromIndex, toIndex);
+  const regularSelectedTypes = selectedTypes.filter(
+    (typeName) =>
+      !customSelectedTypes.some(
+        (customType) => normalize(customType.name) === normalize(typeName)
+      )
+  );
+
+  return {
+    nextCustomIds,
+    nextSelectedTypes: [
+      ...regularSelectedTypes,
+      ...nextCustomIds
+        .map((typeId) => customTypesById.get(typeId)?.name ?? null)
+        .filter((typeName): typeName is string => Boolean(typeName)),
+    ],
+  };
+};
+
+export const submitDirectAddType = async ({
+  draft,
+  problemTypes,
+  createType,
+}: {
+  draft: string;
+  problemTypes: ProblemTypeItem[];
+  createType: (name: string) => Promise<ProblemTypeItem>;
+}) => {
+  const nextTypeName = draft.trim();
+  if (!nextTypeName) return null;
+
+  const existingType = problemTypes.find(
+    (type) => normalize(type.name) === normalize(nextTypeName)
+  );
+  return existingType ?? createType(nextTypeName);
+};
diff --git a/apps/web/src/app/wrong/scans/[id]/utils.ts b/apps/web/src/app/wrong/scans/[id]/utils.ts
new file mode 100644
index 00000000..44555ddf
--- /dev/null
+++ b/apps/web/src/app/wrong/scans/[id]/utils.ts
@@ -0,0 +1,116 @@
+"use client";
+
+import {
+  CHAPTER_DROPDOWN_OPTIONS,
+  CHAPTER_FILTERS,
+} from "@/app/wrong/(list)/constants/wrong-filters";
+import {
+  MATH_SUBJECT_LABELS,
+  MATH_SUBJECT_TYPE_LABELS,
+  type MathSubjectLabel,
+} from "@/app/wrong/create/constants/option-labels";
+import type { WrongCreateGroupItem } from "@/app/wrong/create/utils/group-context";
+import type { AnswerMode } from "@/app/wrong/scans/[id]/components/scan-answer-section";
+import { matchByLabel, normalize } from "@/app/wrong/create/utils/label-match";
+import {
+  SUBJECTS,
+  UNIT_BY_ID,
+  UNITS,
+} from "@/shared/constants/math-curriculum";
+
+export const dedupe = (values: string[]) =>
+  Array.from(new Set(values.filter(Boolean)));
+
+export const reorder = <T,>(values: T[], fromIndex: number, toIndex: number) => {
+  const next = values.slice();
+  const [moved] = next.splice(fromIndex, 1);
+  if (moved === undefined) return values;
+  next.splice(toIndex, 0, moved);
+  return next;
+};
+
+export const isMathSubjectLabel = (
+  value: string | null | undefined
+): value is MathSubjectLabel => {
+  return Boolean(
+    value && MATH_SUBJECT_LABELS.includes(value as MathSubjectLabel)
+  );
+};
+
+export const getInitialScanState = (
+  groupItem: WrongCreateGroupItem | null
+): { subject: MathSubjectLabel; unit: string; answerMode: AnswerMode } => {
+  const unitById = groupItem?.finalUnitId
+    ? UNIT_BY_ID[groupItem.finalUnitId]
+    : null;
+  const subjectIndex = unitById
+    ? SUBJECTS.findIndex((subject) => subject.id === unitById.subjectId)
+    : -1;
+  const subjectFromId =
+    subjectIndex >= 0 ? MATH_SUBJECT_LABELS[subjectIndex] : null;
+
+  if (unitById && subjectFromId) {
+    const subjectUnits = UNITS.filter(
+      (item) => item.subjectId === unitById.subjectId
+    );
+    const unitIndex = subjectUnits.findIndex((item) => item.id === unitById.id);
+    const unitFromId = MATH_SUBJECT_TYPE_LABELS[subjectFromId][unitIndex];
+
+    return {
+      subject: subjectFromId,
+      unit: unitFromId ?? MATH_SUBJECT_TYPE_LABELS[subjectFromId][0],
+      answerMode:
+        groupItem?.answerFormat === "CHOICE" ? "objective" : "subjective",
+    };
+  }
+
+  const subject = isMathSubjectLabel(groupItem?.subjectName)
+    ? groupItem.subjectName
+    : MATH_SUBJECT_LABELS[0];
+  const units = MATH_SUBJECT_TYPE_LABELS[subject];
+  const unitFromName = units.includes((groupItem?.unitName ?? "") as never)
+    ? (groupItem?.unitName as (typeof units)[number])
+    : units[0];
+  const answerMode: AnswerMode =
+    groupItem?.answerFormat === "CHOICE" ? "objective" : "subjective";
+
+  return { subject, unit: unitFromName, answerMode };
+};
+
+export const resolveUnitId = (subjectName: string, unitName: string) => {
+  if (isMathSubjectLabel(subjectName)) {
+    const subjectIndex = MATH_SUBJECT_LABELS.indexOf(subjectName);
+    const subject = SUBJECTS[subjectIndex];
+    const unitIndex = MATH_SUBJECT_TYPE_LABELS[subjectName].findIndex(
+      (label) => normalize(label) === normalize(unitName)
+    );
+    const unit = subject
+      ? UNITS.filter((item) => item.subjectId === subject.id)[unitIndex]
+      : null;
+
+    if (unit) return unit.id;
+  }
+
+  const chapter = matchByLabel(CHAPTER_FILTERS, subjectName);
+  if (!chapter) return null;
+
+  const unit = matchByLabel(
+    CHAPTER_DROPDOWN_OPTIONS[chapter.id] ?? [],
+    unitName
+  );
+  return unit?.id ?? null;
+};
+
+export const resolveKnownTypeIds = (
+  typeNames: string[],
+  problemTypes: { id: string; name: string }[]
+) =>
+  dedupe(
+    typeNames
+      .map(
+        (typeName) =>
+          problemTypes.find((type) => normalize(type.name) === normalize(typeName))
+            ?.id ?? null
+      )
+      .filter((typeId): typeId is string => Boolean(typeId))
+  );
diff --git a/apps/web/src/shared/apis/constants/api-paths.ts b/apps/web/src/shared/apis/constants/api-paths.ts
index e9c2fd03..c17d05a4 100644
--- a/apps/web/src/shared/apis/constants/api-paths.ts
+++ b/apps/web/src/shared/apis/constants/api-paths.ts
@@ -20,12 +20,16 @@ export const API_PATHS = {
   },
   PROBLEM_SCANS: {
     ROOT: `${API_V1}/problem-scans`,
+    GROUPS: `${API_V1}/problem-scans/groups`,
+    GROUP_SUMMARY: (groupId: number | string) =>
+      `${API_V1}/problem-scans/groups/${groupId}/summary`,
     DETAIL: (scanId: number | string) => `${API_V1}/problem-scans/${scanId}`,
     SUMMARY: (scanId: number | string) =>
       `${API_V1}/problem-scans/${scanId}/summary`,
   },
   PROBLEM_CREATE: {
     ROOT: `${API_V1}/problems`,
+    BULK: `${API_V1}/problems/bulk`,
   },
   PROBLEM_LIST: {
     SCROLL: `${API_V1}/problems/scroll`,
diff --git a/apps/web/src/shared/apis/problem-create/hooks/use-create-bulk-wrong-answer-cards-mutation.ts b/apps/web/src/shared/apis/problem-create/hooks/use-create-bulk-wrong-answer-cards-mutation.ts
new file mode 100644
index 00000000..ffc905d7
--- /dev/null
+++ b/apps/web/src/shared/apis/problem-create/hooks/use-create-bulk-wrong-answer-cards-mutation.ts
@@ -0,0 +1,15 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { createBulkWrongAnswerCards } from "@/shared/apis/problem-create/problem-create-api";
+import type { ProblemCreateRequest } from "@/shared/apis/problem-create/problem-create-types";
+import { invalidateProblemCaches } from "@/shared/utils/invalidate-problem-caches";
+
+export const useCreateBulkWrongAnswerCardsMutation = () => {
+  const qc = useQueryClient();
+
+  return useMutation({
+    mutationFn: (body: ProblemCreateRequest[]) => createBulkWrongAnswerCards(body),
+    onSuccess: () => invalidateProblemCaches(qc),
+  });
+};
+
+export default useCreateBulkWrongAnswerCardsMutation;
diff --git a/apps/web/src/shared/apis/problem-create/problem-create-api.ts b/apps/web/src/shared/apis/problem-create/problem-create-api.ts
index 8f67a0d6..eccd6a9b 100644
--- a/apps/web/src/shared/apis/problem-create/problem-create-api.ts
+++ b/apps/web/src/shared/apis/problem-create/problem-create-api.ts
@@ -2,6 +2,7 @@ import { instance } from "@/shared/apis/api";
 import type { ApiResponse } from "@/shared/apis/api-types";
 import { API_PATHS } from "@/shared/apis/constants/api-paths";
 import type {
+  ProblemBulkCreateResponse,
   ProblemCreateRequest,
   ProblemCreateResponse,
 } from "@/shared/apis/problem-create/problem-create-types";
@@ -38,3 +39,67 @@ export const createWrongAnswerCard = async (
 
   return json.data;
 };
+
+const normalizeBulkCreateResponse = (
+  data: unknown
+): ProblemBulkCreateResponse => {
+  if (Array.isArray(data)) {
+    return {
+      problems: data.filter(
+        (item): item is ProblemCreateResponse =>
+          typeof item === "object" &&
+          item !== null &&
+          typeof (item as ProblemCreateResponse).problemId === "number" &&
+          typeof (item as ProblemCreateResponse).scanId === "number"
+      ),
+    };
+  }
+
+  if (
+    typeof data === "object" &&
+    data !== null &&
+    Array.isArray((data as { problems?: unknown[] }).problems)
+  ) {
+    return normalizeBulkCreateResponse(
+      (data as { problems: ProblemCreateResponse[] }).problems
+    );
+  }
+
+  if (process.env.NODE_ENV !== "production") {
+    console.warn(
+      "[problem-create] normalizeBulkCreateResponse: unexpected response",
+      data
+    );
+  } else {
+    console.warn(
+      "[problem-create] normalizeBulkCreateResponse: unexpected response shape"
+    );
+  }
+
+  throw new ApiError(
+    "응답 형식이 올바르지 않아요.",
+    500,
+    "INVALID_BULK_RESPONSE"
+  );
+};
+
+export const createBulkWrongAnswerCards = async (
+  body: ProblemCreateRequest[]
+): Promise<ProblemBulkCreateResponse> => {
+  const res = await instance.post<ApiResponse<unknown>>(
+    API_PATHS.PROBLEM_CREATE.BULK,
+    body
+  );
+
+  const json = res.data;
+
+  if (json.status !== 200 || !json.data) {
+    throw new ApiError(
+      json.message ?? "요청에 실패했어요.",
+      json.status,
+      json.code
+    );
+  }
+
+  return normalizeBulkCreateResponse(json.data);
+};
diff --git a/apps/web/src/shared/apis/problem-create/problem-create-types.ts b/apps/web/src/shared/apis/problem-create/problem-create-types.ts
index 3f8d5829..77aa3c84 100644
--- a/apps/web/src/shared/apis/problem-create/problem-create-types.ts
+++ b/apps/web/src/shared/apis/problem-create/problem-create-types.ts
@@ -17,5 +17,12 @@ export type ProblemCreateResponse = {
   scanId: number;
 };
 
+export type ProblemBulkCreateResponse = {
+  problems: ProblemCreateResponse[];
+};
+
 export type ApiResponseProblemCreateResponse =
   ApiResponse<ProblemCreateResponse>;
+
+export type ApiResponseProblemBulkCreateResponse =
+  ApiResponse<ProblemBulkCreateResponse>;
diff --git a/apps/web/src/shared/apis/problem-scan/hooks/use-create-problem-scan-group-mutation.ts b/apps/web/src/shared/apis/problem-scan/hooks/use-create-problem-scan-group-mutation.ts
new file mode 100644
index 00000000..ff86e34a
--- /dev/null
+++ b/apps/web/src/shared/apis/problem-scan/hooks/use-create-problem-scan-group-mutation.ts
@@ -0,0 +1,17 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { problemScanApi } from "@/shared/apis/problem-scan/problem-scan-api";
+import { problemScanQueryKeys } from "@/shared/apis/problem-scan/problem-scan-query-keys";
+
+export const useCreateProblemScanGroupMutation = () => {
+  const qc = useQueryClient();
+
+  return useMutation({
+    mutationFn: (params: { files: File[] }) =>
+      problemScanApi.createGroup(params),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: problemScanQueryKeys.all });
+    },
+  });
+};
+
+export default useCreateProblemScanGroupMutation;
diff --git a/apps/web/src/shared/apis/problem-scan/problem-scan-api.ts b/apps/web/src/shared/apis/problem-scan/problem-scan-api.ts
index c50ce9e1..61db1e34 100644
--- a/apps/web/src/shared/apis/problem-scan/problem-scan-api.ts
+++ b/apps/web/src/shared/apis/problem-scan/problem-scan-api.ts
@@ -4,6 +4,10 @@ import { unwrapApiResponse } from "@/shared/apis/api-types";
 import { API_PATHS } from "@/shared/apis/constants/api-paths";
 import type {
   ProblemScanCreateResponse,
+  ProblemScanGroupCreateResponse,
+  ProblemScanGroupId,
+  ProblemScanGroupSummaryResponse,
+  ProblemScanStatus,
   ProblemScanSummaryResponse,
 } from "@/shared/apis/problem-scan/problem-scan-types";
 
@@ -13,6 +17,19 @@ type RawProblemScanCreateResponse = {
   status?: string;
 };
 
+type RawProblemScanGroupCreateResponse = {
+  groupId?: number | string | null;
+  scanGroupId?: number | string | null;
+  scanIds?: unknown;
+  scans?:
+    | Array<{
+        scanId?: number | null;
+        assetId?: number | null;
+        status?: string | null;
+      } | null>
+    | null;
+};
+
 type RawCurriculumItem = {
   id?: string;
   name?: string;
@@ -41,21 +58,65 @@ const requireNumber = (v: unknown, field: string) => {
   throw new Error(`[problemScanApi] Invalid ${field}: ${String(v)}`);
 };
 
+const toOptionalGroupId = (value: unknown): ProblemScanGroupId => {
+  if (value === null || value === undefined || value === "") return null;
+  const parsed = typeof value === "number" ? value : Number(value);
+  return Number.isFinite(parsed) ? parsed : null;
+};
+
+const ALLOWED_STATUS = ["UPLOADED", "OCR_DONE", "AI_DONE", "FAILED"] as const;
+
+const coerceStatus = (v?: string | null): ProblemScanStatus =>
+  (ALLOWED_STATUS as readonly string[]).includes(v ?? "")
+    ? (v as ProblemScanStatus)
+    : "UPLOADED";
+
 const normalizeCreate = (
   raw: RawProblemScanCreateResponse
 ): ProblemScanCreateResponse => {
   return {
     scanId: requireNumber(raw.scanId, "scanId"),
     assetId: requireNumber(raw.assetId, "assetId"),
-    status: raw.status ?? "UPLOADED",
+    status: coerceStatus(raw.status),
   };
 };
-const ALLOWED_STATUS = ["UPLOADED", "OCR_DONE", "AI_DONE", "FAILED"] as const;
 
-const coerceStatus = (v?: string) =>
-  (ALLOWED_STATUS as readonly string[]).includes(v ?? "")
-    ? (v as (typeof ALLOWED_STATUS)[number])
-    : "UPLOADED";
+type RawProblemScanGroupSummaryResponse = {
+  groupId?: number | string | null;
+  scanGroupId?: number | string | null;
+  status?: string;
+  completedScanCount?: number | null;
+  completed_scan_count?: number | null;
+  totalScanCount?: number | null;
+  total_scan_count?: number | null;
+  summaries?: RawProblemScanSummaryResponse[] | null;
+  scans?: RawProblemScanSummaryResponse[] | null;
+};
+
+const toScanIdList = (raw: RawProblemScanGroupCreateResponse) => {
+  if (Array.isArray(raw.scanIds)) {
+    return raw.scanIds
+      .map((value) => (typeof value === "number" ? value : Number(value)))
+      .filter((value) => Number.isFinite(value));
+  }
+
+  if (Array.isArray(raw.scans)) {
+    return raw.scans
+      .map((item) => item?.scanId)
+      .filter((value): value is number => typeof value === "number");
+  }
+
+  return [];
+};
+
+const normalizeGroupCreate = (
+  raw: RawProblemScanGroupCreateResponse
+): ProblemScanGroupCreateResponse => {
+  return {
+    groupId: toOptionalGroupId(raw.groupId ?? raw.scanGroupId),
+    scanIds: toScanIdList(raw),
+  };
+};
 
 const normalizeSummary = (
   raw: RawProblemScanSummaryResponse
@@ -96,6 +157,21 @@ const normalizeSummary = (
   };
 };
 
+const normalizeGroupSummary = (
+  raw: RawProblemScanGroupSummaryResponse
+): ProblemScanGroupSummaryResponse => {
+  const rawSummaries = raw.summaries ?? raw.scans ?? [];
+
+  return {
+    groupId: toOptionalGroupId(raw.groupId ?? raw.scanGroupId),
+    status: coerceStatus(raw.status),
+    completedScanCount:
+      raw.completedScanCount ?? raw.completed_scan_count ?? undefined,
+    totalScanCount: raw.totalScanCount ?? raw.total_scan_count ?? undefined,
+    summaries: rawSummaries.map(normalizeSummary),
+  };
+};
+
 export const problemScanApi = {
   create: async (params: { file: File }) => {
     const form = new FormData();
@@ -109,6 +185,20 @@ export const problemScanApi = {
     return normalizeCreate(unwrapApiResponse(res.data));
   },
 
+  createGroup: async (params: { files: File[] }) => {
+    const form = new FormData();
+    params.files.forEach((file) => {
+      form.append("files", file);
+    });
+
+    const res = await instance.post<ApiResponse<RawProblemScanGroupCreateResponse>>(
+      API_PATHS.PROBLEM_SCANS.GROUPS,
+      form
+    );
+
+    return normalizeGroupCreate(unwrapApiResponse(res.data));
+  },
+
   getSummary: async (params: { scanId: number | string }) => {
     const res = await instance.get<ApiResponse<RawProblemScanSummaryResponse>>(
       API_PATHS.PROBLEM_SCANS.SUMMARY(params.scanId)
@@ -116,4 +206,12 @@ export const problemScanApi = {
 
     return normalizeSummary(unwrapApiResponse(res.data));
   },
+
+  getGroupSummary: async (params: { groupId: number | string }) => {
+    const res = await instance.get<ApiResponse<RawProblemScanGroupSummaryResponse>>(
+      API_PATHS.PROBLEM_SCANS.GROUP_SUMMARY(params.groupId)
+    );
+
+    return normalizeGroupSummary(unwrapApiResponse(res.data));
+  },
 };
diff --git a/apps/web/src/shared/apis/problem-scan/problem-scan-types.ts b/apps/web/src/shared/apis/problem-scan/problem-scan-types.ts
index 5fb7a028..354fdbed 100644
--- a/apps/web/src/shared/apis/problem-scan/problem-scan-types.ts
+++ b/apps/web/src/shared/apis/problem-scan/problem-scan-types.ts
@@ -1,9 +1,23 @@
 export type ProblemScanStatus = "UPLOADED" | "OCR_DONE" | "AI_DONE" | "FAILED";
+export type ProblemScanGroupId = number | null;
 
 export type ProblemScanCreateResponse = {
   scanId: number;
   assetId: number;
-  status: ProblemScanStatus | string;
+  status: ProblemScanStatus;
+};
+
+export type ProblemScanGroupCreateResponse = {
+  groupId?: ProblemScanGroupId;
+  scanIds: number[];
+};
+
+export type ProblemScanGroupSummaryResponse = {
+  groupId?: ProblemScanGroupId;
+  status?: ProblemScanStatus;
+  completedScanCount?: number;
+  totalScanCount?: number;
+  summaries: ProblemScanSummaryResponse[];
 };
 
 export type CurriculumItem = {
diff --git a/apps/web/src/shared/assets/icons/edit-scan.svg b/apps/web/src/shared/assets/icons/edit-scan.svg
new file mode 100644
index 00000000..ae1b7a0e
--- /dev/null
+++ b/apps/web/src/shared/assets/icons/edit-scan.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 16.6667H17.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.75 2.91666C14.0815 2.58514 14.5312 2.3989 15 2.3989C15.2321 2.3989 15.462 2.44462 15.6765 2.53346C15.891 2.6223 16.0858 2.75251 16.25 2.91666C16.4142 3.08081 16.5444 3.27569 16.6332 3.49017C16.722 3.70464 16.7678 3.93452 16.7678 4.16666C16.7678 4.39881 16.722 4.62868 16.6332 4.84316C16.5444 5.05763 16.4142 5.25251 16.25 5.41666L5.83333 15.8333L2.5 16.6667L3.33333 13.3333L13.75 2.91666Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/web/src/shared/assets/icons/triangle-scan.svg b/apps/web/src/shared/assets/icons/triangle-scan.svg
new file mode 100644
index 00000000..34c249b7
--- /dev/null
+++ b/apps/web/src/shared/assets/icons/triangle-scan.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.19885 9C6.42905 10.3333 4.50455 10.3333 3.73475 9L0.270644 3C-0.499157 1.66666 0.463095 -7.70529e-07 2.0027 -9.05125e-07L8.9309 -1.51081e-06C10.4705 -1.6454e-06 11.4327 1.66666 10.6629 3L7.19885 9Z" fill="currentColor"/>
+</svg>
diff --git a/apps/web/src/shared/components/app-bar/app-bar-gate.tsx b/apps/web/src/shared/components/app-bar/app-bar-gate.tsx
index f3d4421f..fca7421f 100644
--- a/apps/web/src/shared/components/app-bar/app-bar-gate.tsx
+++ b/apps/web/src/shared/components/app-bar/app-bar-gate.tsx
@@ -6,10 +6,13 @@ import { ROUTES } from "@/shared/constants/routes";
 import AppBar from "@/shared/components/app-bar/app-bar";
 import { useAppBar } from "@/shared/components/app-bar/hooks/use-app-bar";
 import * as s from "@/shared/components/app-bar/app-bar.css";
+import { readWrongCreateGroupContext } from "@/app/wrong/create/utils/group-context";
 
 export const AppBarGate = () => {
   const pathname = usePathname();
-  const result = useAppBar();
+  const result = useAppBar({
+    getWrongCreateGroupContext: readWrongCreateGroupContext,
+  });
   if (result.isHidden) return null;
   const isMy = pathname === ROUTES.MY.ROOT;
 
diff --git a/apps/web/src/shared/components/app-bar/app-bar.css.ts b/apps/web/src/shared/components/app-bar/app-bar.css.ts
index 31013d91..c4f248c6 100644
--- a/apps/web/src/shared/components/app-bar/app-bar.css.ts
+++ b/apps/web/src/shared/components/app-bar/app-bar.css.ts
@@ -61,6 +61,7 @@ export const root = recipe({
       default: { justifyContent: "space-between" },
       progress: { justifyContent: "space-between" },
       title: { justifyContent: "flex-start" },
+      scanDetail: { justifyContent: "space-between" },
       graphTabs: {
         paddingInline: 0,
       },
@@ -189,3 +190,99 @@ export const actionIconButton = style([
     justifyContent: "center",
   },
 ]);
+
+export const centerTitleWrap = style({
+  position: "relative",
+  flex: "1 1 0",
+  display: "flex",
+  justifyContent: "center",
+  minWidth: 0,
+});
+
+export const centerTitleButton = style([
+  buttonReset,
+  typo.body1.bold,
+  color["grayscale-900"],
+  {
+    gap: "0.8rem",
+    maxWidth: "100%",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+  },
+]);
+
+export const titleText = style({
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+});
+
+export const titleDropdown = style([
+  bgColor["grayscale-0"],
+  {
+    position: "absolute",
+    top: "calc(100% + 1.2rem)",
+    left: "50%",
+    transform: "translateX(-50%)",
+    width: "14rem",
+    borderRadius: vars.radius.r16,
+    boxShadow: vars.shadow.e400,
+    overflow: "hidden",
+    zIndex: vars.zIndex.contentOverlayHigh,
+  },
+]);
+
+export const titleDropdownItem = style([
+  buttonReset,
+  typo.body3.medium,
+  color["grayscale-700"],
+  {
+    width: "100%",
+    padding: "1.2rem 1.6rem",
+    justifyContent: "flex-start",
+    textAlign: "left",
+  },
+]);
+
+export const titleDropdownItemText = style({
+  display: "block",
+  width: "100%",
+  textAlign: "center",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+});
+
+export const titleDropdownItemActive = style([
+  typo.body3.semibold,
+  color["main-500"],
+]);
+
+export const titleDropdownItemTextInactive = style([
+  typo.body3.medium,
+  color["grayscale-700"],
+]);
+
+export const titleDropdownItemTextActive = style([
+  typo.body3.semibold,
+  color["main-500"],
+]);
+
+export const rightLabelButton = style([
+  buttonReset,
+  typo.body3.medium,
+  color["grayscale-300"],
+  {
+    minWidth: APP_BAR_SIDE_SLOT_WIDTH,
+    justifyContent: "flex-end",
+    cursor: "default",
+    selectors: {
+      "&:disabled": {
+        opacity: 1,
+      },
+    },
+  },
+]);
+
+export const titleMenuIcon = style([color["main-400"]]);
diff --git a/apps/web/src/shared/components/app-bar/app-bar.tsx b/apps/web/src/shared/components/app-bar/app-bar.tsx
index 292121c6..c9f55d41 100644
--- a/apps/web/src/shared/components/app-bar/app-bar.tsx
+++ b/apps/web/src/shared/components/app-bar/app-bar.tsx
@@ -177,6 +177,76 @@ const AppBar = (props: AppBarProps) => {
         </div>
       );
     }
+
+    case "scanDetail": {
+      const onBack = props.onBack ?? backFallback;
+
+      return renderShell(
+        "scanDetail",
+        <>
+          <div className={s.leftSlot}>
+            <BackButton onClick={onBack} />
+          </div>
+
+          <div className={s.centerTitleWrap}>
+            <button
+              type="button"
+              className={s.centerTitleButton}
+              onClick={props.titleMenu.onToggle}
+              aria-expanded={props.titleMenu.isOpen}
+              aria-haspopup="menu"
+            >
+              <span className={s.titleText}>{props.title}</span>
+              <Icon
+                name="triangle-scan"
+                size={1.6}
+                className={s.titleMenuIcon}
+              />
+            </button>
+
+            {props.titleMenu.isOpen ? (
+              <div className={s.titleDropdown} role="menu">
+                {props.titleMenu.items.map((item) => (
+                  <button
+                    key={item.id}
+                    type="button"
+                    role="menuitem"
+                    onClick={item.onClick}
+                    className={clsx(
+                      s.titleDropdownItem,
+                      item.isActive && s.titleDropdownItemActive
+                    )}
+                  >
+                    <span
+                      className={clsx(
+                        s.titleDropdownItemText,
+                        item.isActive
+                          ? s.titleDropdownItemTextActive
+                          : s.titleDropdownItemTextInactive
+                      )}
+                    >
+                      {item.label}
+                    </span>
+                  </button>
+                ))}
+              </div>
+            ) : null}
+          </div>
+
+          <div className={s.rightSlot}>
+            {props.rightAction ? (
+              <button
+                type="button"
+                className={s.rightLabelButton}
+                onClick={props.rightAction.onClick}
+              >
+                {props.rightAction.label}
+              </button>
+            ) : null}
+          </div>
+        </>
+      );
+    }
   }
 };
 
diff --git a/apps/web/src/shared/components/app-bar/hooks/use-app-bar.ts b/apps/web/src/shared/components/app-bar/hooks/use-app-bar.ts
index 6d2311f3..a6c576fc 100644
--- a/apps/web/src/shared/components/app-bar/hooks/use-app-bar.ts
+++ b/apps/web/src/shared/components/app-bar/hooks/use-app-bar.ts
@@ -1,10 +1,12 @@
 import { useCallback, useState } from "react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import type { AppBarProps } from "@/shared/components/app-bar/types/app-bar";
+import type {
+  AppBarProps,
+  ScanDetailMenuItem,
+} from "@/shared/components/app-bar/types/app-bar";
 import { ROUTES, GRAPH_TABS, type GraphTab } from "@/shared/constants/routes";
 import {
   getWrongRouteMatch,
-  parseProgress,
   shouldHideAppBar,
 } from "@/shared/components/app-bar/utils/app-bar-routing";
 import { useDeleteProblemDetailMutation } from "@/shared/apis/problem-detail/hooks/use-delete-problem-detail-mutation";
@@ -14,13 +16,17 @@ type UseAppBarResult =
   | { isHidden: true; props?: never }
   | { isHidden: false; props: AppBarProps };
 
-const clamp = (value: number, min: number, max: number) => {
-  return Math.min(Math.max(value, min), max);
-};
-
-const buildUrl = (pathname: string, params: URLSearchParams) => {
-  const qs = params.toString();
-  return qs ? `${pathname}?${qs}` : pathname;
+type AppBarGroupContext = {
+  items: Array<{
+    scanId: number;
+    unitName: string;
+  }>;
+} | null;
+
+type UseAppBarOptions = {
+  getWrongCreateGroupContext?: (
+    groupId: string | null | undefined
+  ) => AppBarGroupContext;
 };
 
 const isGraphTab = (v: string | null): v is GraphTab =>
@@ -42,23 +48,29 @@ const parseFrom = (raw: string | null) => {
   }
 };
 
-const hasValidScanId = (params: URLSearchParams) => {
-  const v = params.get("scanId");
-  return Boolean(v && v !== "null" && v !== "undefined");
-};
-
-export const useAppBar = (): UseAppBarResult => {
+export const useAppBar = ({
+  getWrongCreateGroupContext,
+}: UseAppBarOptions = {}): UseAppBarResult => {
   const router = useRouter();
   const pathname = usePathname();
   const sp = useSearchParams();
   const deleteMutation = useDeleteProblemDetailMutation();
 
   const [isWrongDetailMenuOpen, setIsWrongDetailMenuOpen] = useState(false);
+  const [isScanDetailMenuOpen, setIsScanDetailMenuOpen] = useState(false);
 
   const closeWrongDetailMenu = useCallback(() => {
     setIsWrongDetailMenuOpen(false);
   }, []);
 
+  const toggleScanDetailMenu = useCallback(() => {
+    setIsScanDetailMenuOpen((prev) => !prev);
+  }, []);
+
+  const closeScanDetailMenu = useCallback(() => {
+    setIsScanDetailMenuOpen(false);
+  }, []);
+
   if (shouldHideAppBar(pathname)) return { isHidden: true };
 
   if (pathname === ROUTES.HOME) {
@@ -133,46 +145,33 @@ export const useAppBar = (): UseAppBarResult => {
 
   if (wrongMatch.type === "create") {
     const params = new URLSearchParams(sp.toString());
-    const { total, currentStep } = parseProgress(params);
 
     const isLoading = params.get("hideAppBar") === "1";
     if (isLoading) return { isHidden: true };
 
-    const hasScan = hasValidScanId(params);
-
     const from = parseFrom(params.get("from")) ?? ROUTES.WRONG.ROOT;
 
     const exitCreate = () => {
       router.replace(from);
     };
 
-    const replaceStep = (nextStep: number) => {
-      const safe = clamp(nextStep, 1, total);
-      const nextParams = new URLSearchParams(sp.toString());
-
-      if (safe === 1) {
-        nextParams.set("step", "1");
-        nextParams.delete("scanId");
-        nextParams.delete("unitId");
-        nextParams.delete("typeIds");
-        router.replace(buildUrl(pathname, nextParams), { scroll: false });
-        return;
-      }
-
-      if (!hasValidScanId(nextParams)) return;
-
-      nextParams.set("step", String(safe));
-      router.replace(buildUrl(pathname, nextParams), { scroll: false });
+    return {
+      isHidden: false,
+      props: {
+        variant: "basic",
+        title: "",
+        onBack: exitCreate,
+      },
     };
+  }
 
+  if (wrongMatch.type === "createScans") {
     return {
       isHidden: false,
       props: {
-        variant: "progress",
-        total,
-        currentStep: hasScan ? currentStep : 1,
-        onStepChange: replaceStep,
-        onBack: exitCreate,
+        variant: "basic",
+        title: "",
+        onBack: () => router.push(ROUTES.WRONG.CREATE),
       },
     };
   }
@@ -238,6 +237,64 @@ export const useAppBar = (): UseAppBarResult => {
     };
   }
 
+  if (wrongMatch.type === "scanDetail") {
+    const scanId = Number(wrongMatch.id);
+    const groupId = sp.get("group");
+    const group = getWrongCreateGroupContext?.(groupId) ?? null;
+    const items = group?.items ?? [];
+    const currentIndex = items.findIndex((item) => item.scanId === scanId);
+    const totalCount = items.length;
+    const title =
+      currentIndex >= 0 && totalCount > 0
+        ? `문제 (${currentIndex + 1}/${totalCount})`
+        : "문제";
+
+    const menuItems: [ScanDetailMenuItem, ...ScanDetailMenuItem[]] =
+      items.length > 0
+        ? (items.map((item, index) => ({
+            id: String(item.scanId),
+            label: `${index + 1}) ${item.unitName}`,
+            isActive: index === currentIndex,
+            onClick: () => {
+              closeScanDetailMenu();
+              if (!groupId) return;
+              router.push(
+                `${ROUTES.WRONG.SCAN_DETAIL(item.scanId)}?group=${encodeURIComponent(groupId)}`
+              );
+            },
+          })) as [ScanDetailMenuItem, ...ScanDetailMenuItem[]])
+        : [
+            {
+              id: "current",
+              label: title,
+              isActive: true,
+              onClick: closeScanDetailMenu,
+            },
+          ];
+
+    return {
+      isHidden: false,
+      props: {
+        variant: "scanDetail",
+        title,
+        onBack: () => {
+          if (!groupId) {
+            router.push(ROUTES.WRONG.CREATE);
+            return;
+          }
+          router.push(
+            `${ROUTES.WRONG.CREATE_SCANS}?group=${encodeURIComponent(groupId)}`
+          );
+        },
+        titleMenu: {
+          isOpen: isScanDetailMenuOpen,
+          onToggle: toggleScanDetailMenu,
+          items: menuItems,
+        },
+      },
+    };
+  }
+
   if (wrongMatch.type === "edit") {
     return {
       isHidden: false,
diff --git a/apps/web/src/shared/components/app-bar/types/app-bar.ts b/apps/web/src/shared/components/app-bar/types/app-bar.ts
index 69792cf2..63d18ab9 100644
--- a/apps/web/src/shared/components/app-bar/types/app-bar.ts
+++ b/apps/web/src/shared/components/app-bar/types/app-bar.ts
@@ -8,7 +8,8 @@ export type AppBarVariant =
   | "default"
   | "progress"
   | "title"
-  | "graphTabs";
+  | "graphTabs"
+  | "scanDetail";
 
 export type CommonProps = {
   className?: string;
@@ -96,10 +97,33 @@ export type GraphTabsProps<V extends string = string> = CommonProps & {
   tabsAriaLabel?: string;
 };
 
+export type ScanDetailMenuItem = {
+  id: string;
+  label: string;
+  isActive?: boolean;
+  onClick: () => void;
+};
+
+export type ScanDetailProps = CommonProps & {
+  variant: "scanDetail";
+  title: string;
+  onBack?: () => void;
+  rightAction?: {
+    label: string;
+    onClick: () => void;
+  };
+  titleMenu: {
+    isOpen: boolean;
+    onToggle: () => void;
+    items: NonEmptyArray<ScanDetailMenuItem>;
+  };
+};
+
 export type AppBarProps =
   | BasicProps
   | BasicActionProps
   | DefaultProps
   | ProgressProps
   | TitleOnlyProps
-  | GraphTabsProps;
+  | GraphTabsProps
+  | ScanDetailProps;
diff --git a/apps/web/src/shared/components/app-bar/utils/app-bar-routing.ts b/apps/web/src/shared/components/app-bar/utils/app-bar-routing.ts
index fc301cdb..3be7d0db 100644
--- a/apps/web/src/shared/components/app-bar/utils/app-bar-routing.ts
+++ b/apps/web/src/shared/components/app-bar/utils/app-bar-routing.ts
@@ -24,6 +24,9 @@ export const parseProgress = (searchParams: URLSearchParams) => {
 };
 
 export const getWrongRouteMatch = (pathname: string) => {
+  if (pathname === ROUTES.WRONG.CREATE_SCANS)
+    return { type: "createScans" as const };
+
   if (pathname.startsWith(ROUTES.WRONG.CREATE))
     return { type: "create" as const };
 
@@ -37,6 +40,11 @@ export const getWrongRouteMatch = (pathname: string) => {
     return { type: "detail" as const, id: segments[1]! };
   }
 
+  // /wrong/scans/[id]
+  if (segments.length === 3 && segments[1] === "scans") {
+    return { type: "scanDetail" as const, id: segments[2]! };
+  }
+
   // /wrong/[id]/edit
   if (segments.length === 3 && segments[2] === "edit") {
     return { type: "edit" as const, id: segments[1]! };
diff --git a/apps/web/src/shared/components/chip/chip.tsx b/apps/web/src/shared/components/chip/chip.tsx
index 68ab6486..e2af82d7 100644
--- a/apps/web/src/shared/components/chip/chip.tsx
+++ b/apps/web/src/shared/components/chip/chip.tsx
@@ -9,6 +9,7 @@ export type IconSize = number;
 export type ChipSize = "xs" | "md" | "lg";
 export type ChipShape = "pill" | "square";
 export type ChipState = "default" | "active";
+export type ChipAs = "button" | "span";
 export type ChipTone =
   | "auto"
   | "surface"
@@ -21,6 +22,7 @@ export type ChipTone =
 
 type ChipProps = {
   label: string;
+  as?: ChipAs;
   icon?: IconName;
   iconSize?: IconSize;
   iconRotate?: 0 | 90 | 180 | 270;
@@ -40,6 +42,7 @@ type ChipProps = {
 
 export const Chip = ({
   label,
+  as = "button",
   icon,
   iconRotate = 270,
   size = "lg",
@@ -54,13 +57,34 @@ export const Chip = ({
   className,
   ariaLabel,
 }: ChipProps) => {
+  const chipClassName = clsx(
+    s.chip({ size, shape, state, tone, fullWidth }),
+    className
+  );
+
+  if (as === "span") {
+    return (
+      <span
+        className={chipClassName}
+        aria-label={ariaLabel ?? label}
+        role={ariaLabel ? "text" : undefined}
+        data-state={state}
+        data-tone={tone}
+      >
+        {icon ? (
+          <span className={s.iconWrap} aria-hidden>
+            <Icon name={icon} size={iconSize} rotate={iconRotate} />
+          </span>
+        ) : null}
+        <span className={s.label}>{label}</span>
+      </span>
+    );
+  }
+
   return (
     <button
       type={type}
-      className={clsx(
-        s.chip({ size, shape, state, tone, fullWidth }),
-        className
-      )}
+      className={chipClassName}
       onClick={onClick}
       disabled={disabled}
       aria-label={ariaLabel ?? label}
diff --git a/apps/web/src/shared/constants/icons.ts b/apps/web/src/shared/constants/icons.ts
index 835b67c7..b6277b6a 100644
--- a/apps/web/src/shared/constants/icons.ts
+++ b/apps/web/src/shared/constants/icons.ts
@@ -15,6 +15,7 @@ export const ICONS = [
   "default-profile",
   "default-profile1",
   "edit",
+  "edit-scan",
   "empty-graph",
   "empty-problem",
   "error-404",
@@ -51,6 +52,7 @@ export const ICONS = [
   "trash-chip",
   "trash-modal",
   "triangle",
+  "triangle-scan",
   "unlock",
   "user",
   "wrong-check",
diff --git a/apps/web/src/shared/constants/routes.ts b/apps/web/src/shared/constants/routes.ts
index f71fe2c5..03559a93 100644
--- a/apps/web/src/shared/constants/routes.ts
+++ b/apps/web/src/shared/constants/routes.ts
@@ -28,6 +28,8 @@ export const ROUTES = {
     ROOT: `/${WRONG_PREFIX}`,
     CREATE: `/${WRONG_PREFIX}/create`,
     CREATE_DONE: `/${WRONG_PREFIX}/create/done`,
+    CREATE_SCANS: `/${WRONG_PREFIX}/create/scans`,
+    SCAN_DETAIL: (id: string | number) => `/${WRONG_PREFIX}/scans/${id}`,
     DETAIL: (id: string | number) => `/${WRONG_PREFIX}/${id}`,
     EDIT: (id: string | number) => `/${WRONG_PREFIX}/${id}/edit`,
   },
@@ -57,6 +59,7 @@ export type RouteValue =
   | typeof ROUTES.WRONG.ROOT
   | typeof ROUTES.WRONG.CREATE
   | typeof ROUTES.WRONG.CREATE_DONE
+  | typeof ROUTES.WRONG.CREATE_SCANS
   | typeof ROUTES.MY.ROOT
   | typeof ROUTES.MY.EDIT
   | typeof ROUTES.MY.TERMS_OR_SERVICE
diff --git a/apps/web/src/shared/constants/sprite.ts b/apps/web/src/shared/constants/sprite.ts
index 21286b78..8720e9e9 100644
--- a/apps/web/src/shared/constants/sprite.ts
+++ b/apps/web/src/shared/constants/sprite.ts
@@ -1 +1 @@
-export const SPRITE = "<svg xmlns=\"http://www.w3.org/2000/svg\">\n<symbol id=\"icon-01\" viewBox=\"0 0 72 58\">\n<path d=\"M60.8947 14.4005L50.3008 22.7544V11.1385L62.7212 1.19335H72V56.8065H60.8947V14.4005Z\" fill=\"#3F4150\"/>\r\n<path d=\"M22.7951 58C18.1679 58 14.1252 56.8596 10.6669 54.5789C7.25742 52.2451 4.62721 48.9035 2.77633 44.5542C0.925442 40.1518 0 34.9803 0 29.0398C0 23.0462 0.901089 17.8747 2.70327 13.5254C4.55415 9.17604 7.18435 5.83448 10.5939 3.50069C14.0521 1.1669 18.1192 0 22.7951 0C27.471 0 31.5137 1.1669 34.9233 3.50069C38.3328 5.83448 40.9386 9.17604 42.7408 13.5254C44.5917 17.8747 45.5171 23.0462 45.5171 29.0398C45.5171 34.9803 44.5917 40.1518 42.7408 44.5542C40.8899 48.9035 38.2597 52.2451 34.8502 54.5789C31.4407 56.8596 27.4223 58 22.7951 58ZM22.7951 46.8615C26.4482 46.8615 29.2732 45.2967 31.2702 42.1674C33.2672 39.0379 34.2657 34.7151 34.2657 29.1989C34.2657 23.6296 33.2672 19.2538 31.2702 16.0713C29.3219 12.8889 26.4969 11.2977 22.7951 11.2977C19.0933 11.2977 16.2439 12.8889 14.2469 16.0713C12.2986 19.2538 11.3245 23.6296 11.3245 29.1989C11.3245 34.7151 12.323 39.0379 14.32 42.1674C16.317 45.2967 19.142 46.8615 22.7951 46.8615Z\" fill=\"#3F4150\"/>\n</symbol>\n<symbol id=\"icon-ai\" viewBox=\"0 0 24 24\">\n<path d=\"M9.10613 5.448C9.70413 3.698 12.1221 3.645 12.8311 5.289L12.8911 5.449L13.6981 7.809C13.8831 8.35023 14.1819 8.84551 14.5746 9.26142C14.9672 9.67734 15.4444 10.0042 15.9741 10.22L16.1911 10.301L18.5511 11.107C20.3011 11.705 20.3541 14.123 18.7111 14.832L18.5511 14.892L16.1911 15.699C15.6497 15.8838 15.1542 16.1826 14.7381 16.5753C14.3221 16.9679 13.995 17.4452 13.7791 17.975L13.6981 18.191L12.8921 20.552C12.2941 22.302 9.87613 22.355 9.16813 20.712L9.10613 20.552L8.30013 18.192C8.11531 17.6506 7.8165 17.1551 7.42387 16.739C7.03124 16.3229 6.55392 15.9959 6.02413 15.78L5.80813 15.699L3.44813 14.893C1.69713 14.295 1.64413 11.877 3.28813 11.169L3.44813 11.107L5.80813 10.301C6.34936 10.1161 6.84464 9.81719 7.26055 9.42457C7.67646 9.03195 8.00334 8.55469 8.21913 8.025L8.30013 7.809L9.10613 5.448ZM18.9991 2C19.1862 2 19.3695 2.05248 19.5283 2.15147C19.687 2.25046 19.8148 2.392 19.8971 2.56L19.9451 2.677L20.2951 3.703L21.3221 4.053C21.5096 4.1167 21.674 4.23462 21.7944 4.39182C21.9148 4.54902 21.9858 4.73842 21.9984 4.93602C22.011 5.13362 21.9647 5.33053 21.8653 5.50179C21.766 5.67304 21.618 5.81094 21.4401 5.898L21.3221 5.946L20.2961 6.296L19.9461 7.323C19.8823 7.51043 19.7643 7.6747 19.6071 7.79499C19.4498 7.91529 19.2604 7.98619 19.0628 7.99872C18.8652 8.01125 18.6683 7.96484 18.4971 7.86538C18.3259 7.76591 18.1881 7.61787 18.1011 7.44L18.0531 7.323L17.7031 6.297L16.6761 5.947C16.4886 5.8833 16.3243 5.76538 16.2039 5.60819C16.0835 5.45099 16.0125 5.26158 15.9999 5.06398C15.9872 4.86638 16.0335 4.66947 16.1329 4.49821C16.2323 4.32696 16.3803 4.18906 16.5581 4.102L16.6761 4.054L17.7021 3.704L18.0521 2.677C18.1196 2.47943 18.2471 2.30791 18.417 2.1865C18.5868 2.06509 18.7904 1.99987 18.9991 2Z\" fill=\"#FF604A\"/>\n</symbol>\n<symbol id=\"icon-ai-pencil\" viewBox=\"0 0 24 24\">\n<path d=\"M12.4754 5.68872L15.8579 7.58997L17.7787 10.9927L7.02666 21.7447L3.38016 19.8172L1.72266 16.4422L12.4754 5.68872Z\" fill=\"#FFC72D\"/>\r\n<path d=\"M1.04297 21.0488L1.47947 22.0328L2.42072 22.4265L7.01822 21.7328L1.73672 16.4513L1.04297 21.0488Z\" fill=\"#FFDFAA\"/>\r\n<path d=\"M0.796875 22.6717L1.04138 21.0487L2.41988 22.4265L0.796875 22.6717Z\" fill=\"#402A32\"/>\r\n<path d=\"M16.7067 1.45799C16.846 1.31864 17.0114 1.20809 17.1934 1.13267C17.3754 1.05725 17.5705 1.01843 17.7676 1.01843C17.9646 1.01843 18.1597 1.05725 18.3417 1.13267C18.5238 1.20809 18.6891 1.31864 18.8284 1.45799L22.0099 4.64024C22.2911 4.92153 22.4491 5.30299 22.4491 5.70074C22.4491 6.09848 22.2911 6.47995 22.0099 6.76124L19.3587 9.41324L15.9634 7.71524L14.0547 4.10999L16.7067 1.45799Z\" fill=\"#F92F60\"/>\r\n<path d=\"M14.0548 4.10999L19.3588 9.41324L17.7673 11.004L12.4648 5.70149L14.0548 4.10999Z\" fill=\"#D3D3D3\"/>\n</symbol>\n<symbol id=\"icon-alarm\" viewBox=\"0 0 24 24\">\n<path d=\"M12.0196 2.90991C8.7096 2.90991 6.0196 5.59991 6.0196 8.90991V11.7999C6.0196 12.4099 5.7596 13.3399 5.4496 13.8599L4.2996 15.7699C3.5896 16.9499 4.0796 18.2599 5.3796 18.6999C9.6896 20.1399 14.3396 20.1399 18.6496 18.6999C19.8596 18.2999 20.3896 16.8699 19.7296 15.7699L18.5796 13.8599C18.2796 13.3399 18.0196 12.4099 18.0196 11.7999V8.90991C18.0196 5.60991 15.3196 2.90991 12.0196 2.90991Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"/>\r\n<path d=\"M13.8699 3.19994C13.5599 3.10994 13.2399 3.03994 12.9099 2.99994C11.9499 2.87994 11.0299 2.94994 10.1699 3.19994C10.4599 2.45994 11.1799 1.93994 12.0199 1.93994C12.8599 1.93994 13.5799 2.45994 13.8699 3.19994Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M15.0195 19.0601C15.0195 20.7101 13.6695 22.0601 12.0195 22.0601C11.1995 22.0601 10.4395 21.7201 9.89953 21.1801C9.35953 20.6401 9.01953 19.8801 9.01953 19.0601\" stroke=\"currentColor\" stroke-width=\"2\" stroke-miterlimit=\"10\"/>\n</symbol>\n<symbol id=\"icon-apple\" viewBox=\"0 0 24 24\">\n<path d=\"M17.3311 20.2778C16.2972 21.2277 15.1685 21.0777 14.0819 20.6278C12.9321 20.1678 11.8771 20.1478 10.664 20.6278C9.14491 21.2477 8.34317 21.0677 7.43595 20.2778C2.28795 15.2485 3.04749 7.58942 8.89173 7.30946C10.3159 7.37945 11.3075 8.04936 12.1409 8.10935C13.3857 7.86939 14.5777 7.17947 15.9069 7.26946C17.4998 7.38945 18.7025 7.98937 19.4936 9.06923C16.2023 10.939 16.9829 15.0485 20 16.1983C19.3987 17.6981 18.6181 19.188 17.3205 20.2878L17.3311 20.2778ZM12.0354 7.24946C11.8771 5.01975 13.7865 3.17998 15.9808 3C16.2867 5.57967 13.5123 7.49943 12.0354 7.24946Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-arrow-right\" viewBox=\"0 0 24 24\">\n<path d=\"M5 12H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 5L19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-arrow-up-right\" viewBox=\"0 0 40 40\">\n<rect width=\"40\" height=\"40\" rx=\"20\" fill=\"#FF604A\"/>\r\n<path d=\"M15 25L25 15\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M15 15H25V25\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-calendar\" viewBox=\"0 0 24 24\">\n<path d=\"M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z\" stroke=\"#727692\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M16 2V6\" stroke=\"#727692\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M8 2V6\" stroke=\"#727692\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M3 10H21\" stroke=\"#727692\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-camera\" viewBox=\"0 0 20 20\">\n<path d=\"M19.1667 15.8333C19.1667 16.2754 18.9911 16.6993 18.6785 17.0118C18.366 17.3244 17.9421 17.5 17.5 17.5H2.50004C2.05801 17.5 1.63409 17.3244 1.32153 17.0118C1.00897 16.6993 0.833374 16.2754 0.833374 15.8333V6.66667C0.833374 6.22464 1.00897 5.80072 1.32153 5.48816C1.63409 5.17559 2.05801 5 2.50004 5H5.83337L7.50004 2.5H12.5L14.1667 5H17.5C17.9421 5 18.366 5.17559 18.6785 5.48816C18.9911 5.80072 19.1667 6.22464 19.1667 6.66667V15.8333Z\" stroke=\"white\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M9.99996 14.1667C11.8409 14.1667 13.3333 12.6743 13.3333 10.8333C13.3333 8.99238 11.8409 7.5 9.99996 7.5C8.15901 7.5 6.66663 8.99238 6.66663 10.8333C6.66663 12.6743 8.15901 14.1667 9.99996 14.1667Z\" stroke=\"white\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-check-circle\" viewBox=\"0 0 24 24\">\n<path d=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.85999\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M22 4L12 14.01L9 11.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-check-mark\" viewBox=\"0 0 16 16\">\n<path d=\"M13.3332 4L5.99984 11.3333L2.6665 8\" stroke=\"currentColor\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-chevron\" viewBox=\"0 0 24 24\">\n<path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-crown\" viewBox=\"0 0 16 16\">\n<path d=\"M8.6252 3.78C8.8552 3.5975 9.0002 3.315 9.0002 3C9.0002 2.4475 8.5527 2 8.0002 2C7.4477 2 7.0002 2.4475 7.0002 3C7.0002 3.315 7.1477 3.5975 7.3752 3.78L5.6652 6.47C5.4152 6.8625 4.8827 6.96 4.5102 6.68L3.0227 5.5675C3.1352 5.4075 3.2002 5.21 3.2002 5C3.2002 4.4475 2.7527 4 2.2002 4C1.6477 4 1.2002 4.4475 1.2002 5C1.2002 5.545 1.6377 5.99 2.1802 6L2.9952 11.4375C3.1127 12.22 3.7852 12.8 4.5777 12.8H11.4227C12.2152 12.8 12.8877 12.22 13.0052 11.4375L13.8202 6C14.3627 5.99 14.8002 5.545 14.8002 5C14.8002 4.4475 14.3527 4 13.8002 4C13.2477 4 12.8002 4.4475 12.8002 5C12.8002 5.21 12.8652 5.4075 12.9777 5.5675L11.4927 6.6825C11.1202 6.9625 10.5877 6.865 10.3377 6.4725L8.6252 3.78Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-default-profile\" viewBox=\"0 0 92 92\">\n<path d=\"M0 46C-9.00149e-08 39.9592 1.18982 33.9775 3.50154 28.3965C5.81325 22.8156 9.20158 17.7446 13.4731 13.4731C17.7446 9.20159 22.8156 5.81325 28.3965 3.50154C33.9775 1.18982 39.9591 0 45.9999 0C52.0407 0 58.0224 1.18982 63.6034 3.50154C69.1843 5.81325 74.2553 9.20159 78.5268 13.4731C82.7983 17.7446 86.1866 22.8156 88.4983 28.3965C90.8101 33.9775 91.9999 39.9592 91.9999 46C91.9999 58.1999 87.1535 69.9002 78.5268 78.5268C69.9001 87.1535 58.1999 91.9999 45.9999 91.9999C33.8 91.9999 22.0997 87.1535 13.4731 78.5268C4.84641 69.9002 1.81793e-07 58.1999 0 46Z\" fill=\"white\"/>\r\n<path d=\"M45.9996 56.2221C57.2907 56.2221 66.444 47.0688 66.444 35.7777C66.444 24.4865 57.2907 15.3333 45.9996 15.3333C34.7085 15.3333 25.5552 24.4865 25.5552 35.7777C25.5552 47.0688 34.7085 56.2221 45.9996 56.2221Z\" fill=\"#FF806E\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M77.7911 77.9239C78.0978 78.4197 78.0007 79.0483 77.5867 79.4419C69.0559 87.5206 57.7491 92.0159 46 91.9999C34.251 92.0159 22.9442 87.5206 14.4134 79.4419C14.2122 79.2496 14.0823 78.9946 14.0452 78.7187C14.008 78.4429 14.0658 78.1626 14.209 77.9239C20.1481 68.0697 32.1541 61.3333 46 61.3333C59.846 61.3333 71.8469 68.0697 77.7911 77.9239Z\" fill=\"#FF806E\"/>\n</symbol>\n<symbol id=\"icon-default-profile1\" viewBox=\"0 0 92 92\">\n<path d=\"M0 46C-9.00149e-08 39.9592 1.18982 33.9775 3.50154 28.3965C5.81325 22.8156 9.20158 17.7446 13.4731 13.4731C17.7446 9.20159 22.8156 5.81325 28.3965 3.50154C33.9775 1.18982 39.9591 0 45.9999 0C52.0407 0 58.0224 1.18982 63.6034 3.50154C69.1843 5.81325 74.2553 9.20159 78.5268 13.4731C82.7983 17.7446 86.1866 22.8156 88.4983 28.3965C90.8101 33.9775 91.9999 39.9592 91.9999 46C91.9999 58.1999 87.1535 69.9002 78.5268 78.5268C69.9001 87.1535 58.1999 91.9999 45.9999 91.9999C33.8 91.9999 22.0997 87.1535 13.4731 78.5268C4.84641 69.9002 1.81793e-07 58.1999 0 46Z\" fill=\"#F1F1F4\"/>\r\n<path d=\"M45.9997 56.2221C57.2909 56.2221 66.4441 47.0688 66.4441 35.7777C66.4441 24.4865 57.2909 15.3333 45.9997 15.3333C34.7086 15.3333 25.5553 24.4865 25.5553 35.7777C25.5553 47.0688 34.7086 56.2221 45.9997 56.2221Z\" fill=\"#BEC0CD\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M77.7911 77.9239C78.0978 78.4197 78.0007 79.0483 77.5867 79.4419C69.0559 87.5206 57.7491 92.0159 46 91.9999C34.251 92.0159 22.9442 87.5206 14.4134 79.4419C14.2122 79.2496 14.0823 78.9946 14.0452 78.7187C14.008 78.4429 14.0658 78.1626 14.209 77.9239C20.1481 68.0697 32.1541 61.3333 46 61.3333C59.846 61.3333 71.8469 68.0697 77.7911 77.9239Z\" fill=\"#BEC0CD\"/>\n</symbol>\n<symbol id=\"icon-edit\" viewBox=\"0 0 24 24\">\n<path d=\"M11 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V20C2 20.5304 2.21071 21.0391 2.58579 21.4142C2.96086 21.7893 3.46957 22 4 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M18.5 2.49998C18.8978 2.10216 19.4374 1.87866 20 1.87866C20.5626 1.87866 21.1022 2.10216 21.5 2.49998C21.8978 2.89781 22.1213 3.43737 22.1213 3.99998C22.1213 4.56259 21.8978 5.10216 21.5 5.49998L12 15L8 16L9 12L18.5 2.49998Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-empty-graph\" viewBox=\"0 0 56 56\">\n<path d=\"M44.3333 7H11.6667C9.1 7 7 9.1 7 11.6667V44.3333C7 46.9 9.1 49 11.6667 49H44.3333C46.9 49 49 46.9 49 44.3333V11.6667C49 9.1 46.9 7 44.3333 7ZM21 39.6667H16.3333V23.3333H21V39.6667ZM30.3333 39.6667H25.6667V16.3333H30.3333V39.6667ZM39.6667 39.6667H35V30.3333H39.6667V39.6667Z\" fill=\"#A1A3B6\"/>\n</symbol>\n<symbol id=\"icon-empty-problem\" viewBox=\"0 0 56 56\">\n<rect width=\"56\" height=\"56\" rx=\"28\" fill=\"#F1F1F4\"/>\r\n<path d=\"M41.5 27.9992H23.4684M23.4684 27.9992C23.4684 28.8875 23.1317 29.7393 22.535 30.3674C21.9384 30.9955 21.1291 31.3483 20.2853 31.3483C19.4415 31.3483 18.6322 30.9955 18.0356 30.3674C17.4389 29.7393 17.1037 28.8875 17.1037 27.9992M23.4684 27.9992C23.4684 27.111 23.1317 26.2592 22.535 25.6311C21.9384 25.003 21.1291 24.6502 20.2853 24.6502C19.4415 24.6502 18.6322 25.003 18.0356 25.6311C17.4389 26.2592 17.1037 27.111 17.1037 27.9992M17.1037 27.9992H14.5M41.5 38.1494H33.111M33.111 38.1494C33.111 39.0378 32.775 39.8906 32.1782 40.5189C31.5814 41.1471 30.772 41.5 29.9279 41.5C29.0841 41.5 28.2749 41.1456 27.6782 40.5175C27.0815 39.8895 26.7463 39.0376 26.7463 38.1494M33.111 38.1494C33.111 37.261 32.775 36.4097 32.1782 35.7815C31.5814 35.1532 30.772 34.8003 29.9279 34.8003C29.0841 34.8003 28.2749 35.1532 27.6782 35.7812C27.0815 36.4093 26.7463 37.2612 26.7463 38.1494M26.7463 38.1494H14.5M41.5 17.8491H36.9684M36.9684 17.8491C36.9684 18.2889 36.8846 18.7244 36.7247 19.1307C36.5648 19.537 36.3305 19.9062 36.035 20.2172C35.7396 20.5282 35.3889 20.7749 35.0029 20.9432C34.6168 21.1115 34.2031 21.1982 33.7853 21.1982C32.9415 21.1982 32.1322 20.8453 31.5356 20.2172C30.9389 19.5892 30.6037 18.7373 30.6037 17.8491M36.9684 17.8491C36.9684 17.4093 36.8846 16.9738 36.7247 16.5674C36.5648 16.1611 36.3305 15.7919 36.035 15.4809C35.7396 15.1699 35.3889 14.9232 35.0029 14.7549C34.6168 14.5866 34.2031 14.5 33.7853 14.5C32.9415 14.5 32.1322 14.8528 31.5356 15.4809C30.9389 16.109 30.6037 16.9608 30.6037 17.8491M30.6037 17.8491H14.5\" stroke=\"#727692\" stroke-width=\"3\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"/>\n</symbol>\n<symbol id=\"icon-error-404\" viewBox=\"0 0 56 56\">\n<path d=\"M24.0093 9.00666L4.24598 42C3.83851 42.7056 3.62291 43.5057 3.62062 44.3205C3.61834 45.1354 3.82946 45.9366 4.23298 46.6445C4.63649 47.3525 5.21834 47.9424 5.92063 48.3556C6.62293 48.7689 7.42118 48.991 8.23598 49H47.7626C48.5775 48.991 49.3757 48.7689 50.078 48.3556C50.7803 47.9424 51.3621 47.3525 51.7657 46.6445C52.1692 45.9366 52.3803 45.1354 52.378 44.3205C52.3757 43.5057 52.1601 42.7056 51.7527 42L31.9893 9.00666C31.5734 8.3209 30.9877 7.75394 30.2888 7.36045C29.5899 6.96697 28.8014 6.76025 27.9993 6.76025C27.1973 6.76025 26.4088 6.96697 25.7099 7.36045C25.011 7.75394 24.4253 8.3209 24.0093 9.00666Z\" fill=\"#A1A3B6\"/>\r\n<path d=\"M28 21V30.3333\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M28 39.6667H28.0233\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-error-500\" viewBox=\"0 0 56 56\">\n<path d=\"M27.9998 39.6667C28.6609 39.6667 29.2155 39.4427 29.6635 38.9947C30.1115 38.5467 30.3347 37.993 30.3332 37.3334C30.3316 36.6739 30.1076 36.1201 29.6612 35.6721C29.2147 35.2241 28.6609 35.0001 27.9998 35.0001C27.3387 35.0001 26.785 35.2241 26.3385 35.6721C25.8921 36.1201 25.6681 36.6739 25.6665 37.3334C25.6649 37.993 25.889 38.5475 26.3385 38.9971C26.7881 39.4466 27.3418 39.6699 27.9998 39.6667ZM27.9998 30.3334C28.6609 30.3334 29.2155 30.1094 29.6635 29.6614C30.1115 29.2134 30.3347 28.6596 30.3332 28.0001V18.6667C30.3332 18.0056 30.1092 17.4519 29.6612 17.0054C29.2132 16.559 28.6594 16.335 27.9998 16.3334C27.3403 16.3319 26.7865 16.5559 26.3385 17.0054C25.8905 17.455 25.6665 18.0087 25.6665 18.6667V28.0001C25.6665 28.6612 25.8905 29.2157 26.3385 29.6637C26.7865 30.1117 27.3403 30.335 27.9998 30.3334ZM27.9998 51.3334C24.7721 51.3334 21.7387 50.7205 18.8998 49.4947C16.061 48.269 13.5915 46.6069 11.4915 44.5084C9.39151 42.41 7.7294 39.9405 6.50517 37.1001C5.28095 34.2596 4.66806 31.2263 4.66651 28.0001C4.66495 24.7739 5.27784 21.7405 6.50517 18.9001C7.73251 16.0596 9.39462 13.5902 11.4915 11.4917C13.5884 9.3933 16.0578 7.73119 18.8998 6.50541C21.7418 5.27964 24.7752 4.66675 27.9998 4.66675C31.2245 4.66675 34.2578 5.27964 37.0998 6.50541C39.9418 7.73119 42.4113 9.3933 44.5082 11.4917C46.6051 13.5902 48.2679 16.0596 49.4968 18.9001C50.7257 21.7405 51.3378 24.7739 51.3332 28.0001C51.3285 31.2263 50.7156 34.2596 49.4945 37.1001C48.2734 39.9405 46.6113 42.41 44.5082 44.5084C42.4051 46.6069 39.9356 48.2697 37.0998 49.4971C34.2641 50.7244 31.2307 51.3365 27.9998 51.3334Z\" fill=\"#A1A3B6\"/>\n</symbol>\n<symbol id=\"icon-file\" viewBox=\"0 0 24 24\">\n<path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M14 2V8H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 18V12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M9 15H15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-file-text\" viewBox=\"0 0 24 24\">\n<path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M14 2V8H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M16 13H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M16 17H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M10 9H9H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-filter\" viewBox=\"0 0 20 20\">\n<path d=\"M17.5 9.99957H7.48243M7.48243 9.99957C7.48243 10.493 7.2954 10.9663 6.96391 11.3152C6.63243 11.6641 6.18284 11.8602 5.71405 11.8602C5.24527 11.8602 4.79568 11.6641 4.4642 11.3152C4.13271 10.9663 3.94649 10.493 3.94649 9.99957M7.48243 9.99957C7.48243 9.50611 7.2954 9.03286 6.96391 8.68393C6.63243 8.335 6.18284 8.13898 5.71405 8.13898C5.24527 8.13898 4.79568 8.335 4.4642 8.68393C4.13271 9.03286 3.94649 9.50611 3.94649 9.99957M3.94649 9.99957H2.5M17.5 15.6385H12.8395M12.8395 15.6385C12.8395 16.1321 12.6528 16.6059 12.3212 16.9549C11.9897 17.3039 11.54 17.5 11.0711 17.5C10.6023 17.5 10.1527 17.3031 9.82122 16.9542C9.48974 16.6053 9.30351 16.132 9.30351 15.6385M12.8395 15.6385C12.8395 15.145 12.6528 14.672 12.3212 14.323C11.9897 13.974 11.54 13.778 11.0711 13.778C10.6023 13.778 10.1527 13.974 9.82122 14.3229C9.48974 14.6718 9.30351 15.1451 9.30351 15.6385M9.30351 15.6385H2.5M17.5 4.3606H14.9824M14.9824 4.3606C14.9824 4.60493 14.9359 4.84688 14.8471 5.07262C14.7582 5.29836 14.628 5.50347 14.4639 5.67624C14.2998 5.84901 14.1049 5.98606 13.8905 6.07957C13.676 6.17307 13.4462 6.22119 13.2141 6.22119C12.7453 6.22119 12.2957 6.02517 11.9642 5.67624C11.6327 5.32731 11.4465 4.85406 11.4465 4.3606M14.9824 4.3606C14.9824 4.11626 14.9359 3.87432 14.8471 3.64858C14.7582 3.42284 14.628 3.21773 14.4639 3.04496C14.2998 2.87218 14.1049 2.73513 13.8905 2.64163C13.676 2.54813 13.4462 2.5 13.2141 2.5C12.7453 2.5 12.2957 2.69603 11.9642 3.04496C11.6327 3.39389 11.4465 3.86714 11.4465 4.3606M11.4465 4.3606H2.5\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"/>\n</symbol>\n<symbol id=\"icon-graph-active\" viewBox=\"0 0 24 24\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.464 3.464C2 4.93 2 7.286 2 12C2 16.714 2 19.071 3.464 20.535C4.93 22 7.286 22 12 22C16.714 22 19.071 22 20.535 20.535C22 19.072 22 16.714 22 12C22 7.286 22 4.929 20.535 3.464C19.072 2 16.714 2 12 2C7.286 2 4.929 2 3.464 3.464ZM13.75 10C13.75 10.414 14.086 10.75 14.5 10.75H15.19L13.177 12.763C13.1538 12.7863 13.1262 12.8048 13.0958 12.8174C13.0654 12.83 13.0329 12.8364 13 12.8364C12.9671 12.8364 12.9346 12.83 12.9042 12.8174C12.8738 12.8048 12.8462 12.7863 12.823 12.763L11.237 11.177C10.9088 10.8491 10.4639 10.6649 10 10.6649C9.53609 10.6649 9.09115 10.8491 8.763 11.177L6.47 13.47C6.39631 13.5387 6.33721 13.6215 6.29622 13.7135C6.25523 13.8055 6.23319 13.9048 6.23141 14.0055C6.22963 14.1062 6.24816 14.2062 6.28588 14.2996C6.3236 14.393 6.37974 14.4778 6.45096 14.549C6.52218 14.6203 6.60701 14.6764 6.7004 14.7141C6.79379 14.7518 6.89382 14.7704 6.99452 14.7686C7.09523 14.7668 7.19454 14.7448 7.28654 14.7038C7.37854 14.6628 7.46134 14.6037 7.53 14.53L9.823 12.237C9.84622 12.2137 9.87381 12.1952 9.90418 12.1826C9.93456 12.17 9.96712 12.1636 10 12.1636C10.0329 12.1636 10.0654 12.17 10.0958 12.1826C10.1262 12.1952 10.1538 12.2137 10.177 12.237L11.763 13.823C12.0912 14.1509 12.5361 14.3351 13 14.3351C13.4639 14.3351 13.9088 14.1509 14.237 13.823L16.25 11.811V12.5C16.25 12.6989 16.329 12.8897 16.4697 13.0303C16.6103 13.171 16.8011 13.25 17 13.25C17.1989 13.25 17.3897 13.171 17.5303 13.0303C17.671 12.8897 17.75 12.6989 17.75 12.5V10C17.75 9.80109 17.671 9.61032 17.5303 9.46967C17.3897 9.32902 17.1989 9.25 17 9.25H14.5C14.3011 9.25 14.1103 9.32902 13.9697 9.46967C13.829 9.61032 13.75 9.80109 13.75 10Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-graph-default\" viewBox=\"0 0 24 24\">\n<path d=\"M12 3C14.3853 3 16.074 3.00186 17.3535 3.17383C18.4481 3.32095 19.1275 3.57993 19.625 3.9873L19.8281 4.1709C20.3439 4.68663 20.658 5.39607 20.8262 6.64648C20.9982 7.92596 21 9.61472 21 12C21 14.3853 20.9982 16.074 20.8262 17.3535C20.658 18.6042 20.3434 19.3126 19.8281 19.8271V19.8281C19.3129 20.3437 18.6031 20.658 17.3525 20.8262C16.0732 20.9982 14.385 21 12 21C9.61485 21 7.92678 20.9982 6.64746 20.8262C5.5532 20.679 4.87291 20.4199 4.37402 20.0117L4.1709 19.8281C3.65577 19.313 3.34195 18.6039 3.17383 17.3535C3.00186 16.0741 3 14.3853 3 12C3 9.61491 3.0019 7.92683 3.17383 6.64746C3.34192 5.39691 3.65522 4.6863 4.1709 4.16992C4.68656 3.65499 5.39648 3.34186 6.64648 3.17383C7.92602 3.00186 9.61474 3 12 3Z\" stroke=\"currentColor\" stroke-width=\"2\"/>\r\n<path d=\"M14.5 9.75012H17C17.0663 9.75012 17.1299 9.77648 17.1768 9.82336C17.2236 9.87024 17.25 9.93385 17.25 10.0001V12.5001C17.25 12.5664 17.2236 12.63 17.1768 12.6769C17.1299 12.7237 17.0663 12.7501 17 12.7501C16.9337 12.7501 16.8701 12.7237 16.8232 12.6769C16.7764 12.63 16.75 12.5664 16.75 12.5001V10.6046L15.8965 11.4572L13.8838 13.4689C13.6494 13.7031 13.3314 13.8351 13 13.8351C12.6686 13.8351 12.3506 13.7031 12.1162 13.4689H12.1152L10.5312 11.8839C10.4963 11.8489 10.4579 11.8175 10.417 11.7902L10.2871 11.7208L10.1465 11.6779C10.0984 11.6683 10.0493 11.6632 10 11.6632C9.9507 11.6632 9.90163 11.6683 9.85352 11.6779L9.71289 11.7208C9.66743 11.7397 9.62372 11.7629 9.58301 11.7902L9.46875 11.8839L7.17676 14.1769L7.16992 14.1827L7.16406 14.1896C7.14123 14.214 7.11354 14.2336 7.08301 14.2472C7.05236 14.2608 7.01889 14.2681 6.98535 14.2687C6.9519 14.2692 6.91872 14.2627 6.8877 14.2501C6.85664 14.2376 6.82839 14.2191 6.80469 14.1954C6.78095 14.1717 6.7616 14.1436 6.74902 14.1124C6.73653 14.0815 6.73092 14.0481 6.73145 14.0148C6.73204 13.9813 6.73931 13.9477 6.75293 13.9171C6.76654 13.8866 6.78612 13.8589 6.81055 13.8361L6.81738 13.8302L6.82324 13.8234L9.11621 11.5304C9.3506 11.2962 9.66865 11.1652 10 11.1652C10.3314 11.1652 10.6494 11.2962 10.8838 11.5304L12.4688 13.1154V13.1163C12.5384 13.1862 12.6218 13.2416 12.7129 13.2794C12.8039 13.3171 12.9015 13.3361 13 13.3361C13.0985 13.3361 13.1961 13.3171 13.2871 13.2794C13.3782 13.2416 13.4606 13.1852 13.5303 13.1154L15.5439 11.1036L16.3975 10.2501H14.5C14.3622 10.2501 14.2501 10.1379 14.25 10.0001C14.25 9.93385 14.2764 9.87024 14.3232 9.82336C14.3701 9.77648 14.4337 9.75012 14.5 9.75012Z\" stroke=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-graphic-camera\" viewBox=\"0 0 38 32\">\n<g clip-path=\"url(#clip0_213_2401)\">\r\n<path d=\"M35.253 4H0.666667C0.298477 4 0 4.29848 0 4.66667V29.3712C0 29.9135 0.612913 30.2289 1.05416 29.9137L35.6405 5.20916C36.1683 4.83219 35.9016 4 35.253 4Z\" fill=\"#FFCEC7\"/>\r\n<path d=\"M2.08047 32H36.6668C37.035 32 37.3335 31.7015 37.3335 31.3333V6.62879C37.3335 6.08654 36.7206 5.77113 36.2793 6.0863L1.69298 30.7908C1.16523 31.1678 1.43191 32 2.08047 32Z\" fill=\"#FFB6AC\"/>\r\n<circle cx=\"18.6667\" cy=\"17.3334\" r=\"8.66667\" fill=\"#FFEFED\"/>\r\n<circle cx=\"18.6668\" cy=\"17.3333\" r=\"7.33333\" fill=\"#FF604A\"/>\r\n<path d=\"M27.5286 0.471404C27.7889 0.211054 28.2111 0.211055 28.4714 0.471405L32 4H24L27.5286 0.471404Z\" fill=\"#FFB6AC\"/>\r\n<path d=\"M6.73613 0.423275C6.83626 0.167953 7.08253 0 7.35678 0H16.6435C16.9178 0 17.1641 0.167954 17.2642 0.423275L18.6668 4H5.3335L6.73613 0.423275Z\" fill=\"#FFB6AC\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0_213_2401\">\r\n<rect width=\"38\" height=\"32\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\n</symbol>\n<symbol id=\"icon-graphic-gallery\" viewBox=\"0 0 32 32\">\n<g clip-path=\"url(#clip0_213_2452)\">\r\n<rect x=\"2\" width=\"30\" height=\"30\" rx=\"2.66667\" fill=\"#FF806E\"/>\r\n<g clip-path=\"url(#clip1_213_2452)\">\r\n<rect y=\"2.66675\" width=\"29.3333\" height=\"29.3333\" rx=\"2.66667\" fill=\"white\"/>\r\n<rect y=\"2.66675\" width=\"14.6667\" height=\"14.6667\" fill=\"#FFB6AC\"/>\r\n<rect y=\"17.3335\" width=\"14.6667\" height=\"14.6667\" fill=\"#FFCEC7\"/>\r\n<rect x=\"14.6665\" y=\"2.66675\" width=\"14.6667\" height=\"14.6667\" fill=\"#FFCEC7\"/>\r\n<rect x=\"14.6665\" y=\"17.3335\" width=\"14.6667\" height=\"14.6667\" fill=\"#FFB6AC\"/>\r\n<path d=\"M9.6664 10.3882H7.72195V12.3327C7.72195 12.4358 7.68098 12.5347 7.60805 12.6076C7.53512 12.6806 7.4362 12.7215 7.33306 12.7215C7.22992 12.7215 7.13101 12.6806 7.05808 12.6076C6.98515 12.5347 6.94417 12.4358 6.94417 12.3327V10.3882H4.99973C4.89659 10.3882 4.79767 10.3472 4.72474 10.2743C4.65181 10.2014 4.61084 10.1025 4.61084 9.99932C4.61084 9.89618 4.65181 9.79727 4.72474 9.72434C4.79767 9.65141 4.89659 9.61043 4.99973 9.61043H6.94417V7.66599C6.94417 7.56285 6.98515 7.46393 7.05808 7.391C7.13101 7.31807 7.22992 7.2771 7.33306 7.2771C7.4362 7.2771 7.53512 7.31807 7.60805 7.391C7.68098 7.46393 7.72195 7.56285 7.72195 7.66599V9.61043H9.6664C9.76954 9.61043 9.86845 9.65141 9.94138 9.72434C10.0143 9.79727 10.0553 9.89618 10.0553 9.99932C10.0553 10.1025 10.0143 10.2014 9.94138 10.2743C9.86845 10.3472 9.76954 10.3882 9.6664 10.3882Z\" fill=\"#FF604A\"/>\r\n<path d=\"M24.3334 10.3884H19.6667C19.5636 10.3884 19.4647 10.3474 19.3917 10.2745C19.3188 10.2015 19.2778 10.1026 19.2778 9.99948C19.2778 9.89634 19.3188 9.79743 19.3917 9.7245C19.4647 9.65157 19.5636 9.6106 19.6667 9.6106H24.3334C24.4365 9.6106 24.5354 9.65157 24.6084 9.7245C24.6813 9.79743 24.7223 9.89634 24.7223 9.99948C24.7223 10.1026 24.6813 10.2015 24.6084 10.2745C24.5354 10.3474 24.4365 10.3884 24.3334 10.3884Z\" fill=\"#FF9486\"/>\r\n<path d=\"M7.33331 25.211L5.42776 27.1166C5.35646 27.1879 5.26572 27.2235 5.15553 27.2235C5.04535 27.2235 4.95461 27.1879 4.88331 27.1166C4.81202 27.0453 4.77637 26.9545 4.77637 26.8443C4.77637 26.7342 4.81202 26.6434 4.88331 26.5721L6.78887 24.6666L4.88331 22.761C4.81202 22.6897 4.77637 22.599 4.77637 22.4888C4.77637 22.3786 4.81202 22.2879 4.88331 22.2166C4.95461 22.1453 5.04535 22.1096 5.15553 22.1096C5.26572 22.1096 5.35646 22.1453 5.42776 22.2166L7.33331 24.1221L9.23887 22.2166C9.31016 22.1453 9.4009 22.1096 9.51109 22.1096C9.62127 22.1096 9.71202 22.1453 9.78331 22.2166C9.85461 22.2879 9.89026 22.3786 9.89026 22.4888C9.89026 22.599 9.85461 22.6897 9.78331 22.761L7.87776 24.6666L9.78331 26.5721C9.85461 26.6434 9.89026 26.7342 9.89026 26.8443C9.89026 26.9545 9.85461 27.0453 9.78331 27.1166C9.71202 27.1879 9.62127 27.2235 9.51109 27.2235C9.4009 27.2235 9.31016 27.1879 9.23887 27.1166L7.33331 25.211Z\" fill=\"#FF9486\"/>\r\n<path d=\"M19.6667 24.2779H24.3334C24.4365 24.2779 24.5354 24.3189 24.6084 24.3918C24.6813 24.4647 24.7223 24.5636 24.7223 24.6668C24.7223 24.7699 24.6813 24.8688 24.6084 24.9418C24.5354 25.0147 24.4365 25.0557 24.3334 25.0557H19.6667C19.5636 25.0557 19.4647 25.0147 19.3917 24.9418C19.3188 24.8688 19.2778 24.7699 19.2778 24.6668C19.2778 24.5636 19.3188 24.4647 19.3917 24.3918C19.4647 24.3189 19.5636 24.2779 19.6667 24.2779ZM22.0008 21.5557C21.7946 21.5555 21.5966 21.6372 21.4506 21.7829C21.3046 21.9286 21.2225 22.1264 21.2223 22.3327C21.2221 22.5389 21.3038 22.7369 21.4495 22.8829C21.5952 23.0289 21.793 23.111 21.9993 23.1112C22.2056 23.1114 22.4035 23.0297 22.5495 22.884C22.6955 22.7382 22.7776 22.5405 22.7778 22.3342C22.778 22.1279 22.6963 21.93 22.5506 21.784C22.4049 21.638 22.2071 21.5559 22.0008 21.5557ZM22.0008 26.2223C21.7946 26.2221 21.5966 26.3039 21.4506 26.4496C21.3046 26.5953 21.2225 26.7931 21.2223 26.9993C21.2221 27.2056 21.3038 27.4035 21.4495 27.5495C21.5952 27.6955 21.793 27.7777 21.9993 27.7779C22.2056 27.7781 22.4035 27.6963 22.5495 27.5506C22.6955 27.4049 22.7776 27.2072 22.7778 27.0009C22.778 26.7946 22.6963 26.5967 22.5506 26.4507C22.4049 26.3047 22.2071 26.2225 22.0008 26.2223Z\" fill=\"#FF604A\"/>\r\n</g>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0_213_2452\">\r\n<rect width=\"32\" height=\"32\" fill=\"white\"/>\r\n</clipPath>\r\n<clipPath id=\"clip1_213_2452\">\r\n<rect y=\"2.66675\" width=\"29.3333\" height=\"29.3333\" rx=\"2.66667\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\n</symbol>\n<symbol id=\"icon-home-active\" viewBox=\"0 0 24 24\">\n<path d=\"M14.2802 2.78994L20.0402 6.81994C21.1402 7.58994 22.0102 9.24994 22.0102 10.5999V19.3799C22.0102 21.9299 19.9402 21.9999 17.3902 21.9999L15.5 21.9999C15.2239 21.9999 15 21.7761 15 21.4999V17.9999C15 16.3431 13.6569 14.9999 12 14.9999C10.3431 14.9999 9 16.3431 9 17.9999V21.4999C9 21.7761 8.77614 21.9999 8.5 21.9999L6.61023 21.9999C4.06023 21.9999 1.99023 21.9199 1.99023 19.3699V10.4699C1.99023 9.20994 2.78023 7.60994 3.78023 6.82994L8.79023 2.91994C10.3002 1.74994 12.7102 1.68994 14.2802 2.78994Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-home-default\" viewBox=\"0 0 24 24\">\n<path d=\"M9.4043 3.70728C10.568 2.80767 12.4959 2.76104 13.7061 3.60864L13.707 3.60962L19.4668 7.63892C19.8552 7.91081 20.2509 8.38094 20.5508 8.95532C20.8506 9.52971 21.0097 10.1234 21.0098 10.5999V19.3801C21.0097 19.8848 20.9078 20.1644 20.8047 20.3254C20.7065 20.4788 20.5533 20.6094 20.2832 20.718C19.6632 20.9673 18.7235 21.0002 17.3906 21.0002H16V18.0002C16 15.7911 14.2091 14.0002 12 14.0002C9.79086 14.0002 8 15.7911 8 18.0002V21.0002H6.61035C5.27926 21.0002 4.33921 20.965 3.71973 20.7141C3.44971 20.6047 3.29527 20.4734 3.19629 20.3186C3.09249 20.1561 2.99029 19.8749 2.99023 19.3704V10.47C2.99023 10.0311 3.13335 9.46762 3.40723 8.91138C3.64656 8.42535 3.95349 8.01116 4.2627 7.73071L4.39551 7.61841L9.40527 3.70825L9.4043 3.70728Z\" stroke=\"currentColor\" stroke-width=\"2\"/>\n</symbol>\n<symbol id=\"icon-kakao\" viewBox=\"0 0 24 24\">\n<g clip-path=\"url(#clip0_75_62)\">\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 3.59998C7.02917 3.59998 3 6.71293 3 10.5523C3 12.94 4.5584 15.0449 6.93152 16.2969L5.93303 19.9445C5.84481 20.2668 6.21341 20.5237 6.49646 20.3369L10.8733 17.4482C11.2427 17.4838 11.6181 17.5046 12 17.5046C16.9705 17.5046 20.9999 14.3918 20.9999 10.5523C20.9999 6.71293 16.9705 3.59998 12 3.59998Z\" fill=\"currentColor\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0_75_62\">\r\n<rect width=\"17.9999\" height=\"18\" fill=\"white\" transform=\"translate(3 3)\"/>\r\n</clipPath>\r\n</defs>\n</symbol>\n<symbol id=\"icon-lock\" viewBox=\"0 0 24 24\">\n<path d=\"M19 11H5C3.89543 11 3 11.8954 3 13V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V13C21 11.8954 20.1046 11 19 11Z\" stroke=\"#FF604A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M7 11V7C7 5.67392 7.52678 4.40215 8.46447 3.46447C9.40215 2.52678 10.6739 2 12 2C13.3261 2 14.5979 2.52678 15.5355 3.46447C16.4732 4.40215 17 5.67392 17 7V11\" stroke=\"#FF604A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-log-out\" viewBox=\"0 0 24 24\">\n<path d=\"M9 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M16 17L21 12L16 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M21 12H9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-logo-default\" viewBox=\"0 0 69 22\">\n<path d=\"M22.7416 21.5056V1.16612C22.7416 0.72961 22.2172 0.507293 21.9035 0.810793L0.878355 21.1503C0.558947 21.4593 0.777685 22 1.22209 22H22.2472C22.5202 22 22.7416 21.7787 22.7416 21.5056Z\" fill=\"#FF604A\"/>\r\n<path d=\"M34.8 6.08274C34.8 7.31387 34.9448 8.50477 35.2345 9.65543C35.5322 10.8061 35.9909 11.8602 36.6105 12.8177C37.2381 13.7672 38.0267 14.5397 38.9762 15.1351L37.4795 17.2594C36.5381 16.6881 35.7374 15.9237 35.0776 14.9662C34.4258 14.0006 33.9109 12.8982 33.5327 11.659C33.1223 13.043 32.555 14.254 31.8308 15.2921C31.1147 16.3301 30.2617 17.1468 29.272 17.7422L27.6305 15.6904C28.6444 15.0869 29.4893 14.2862 30.1652 13.2885C30.8491 12.2907 31.3561 11.1843 31.686 9.96924C32.0159 8.75421 32.1849 7.50699 32.1929 6.22758V2.36522H34.8V6.08274ZM46.1795 21.2193H43.5965V0.780688H46.1795V21.2193ZM42.2833 21.1942H39.7245V10.1382H36.6588V7.91736H39.7245V0.796138H42.2833V21.1942Z\" fill=\"#3F4150\"/>\r\n<path d=\"M65.9781 12.4823H59.4528V17.3017H68.3024V19.6005H47.9088V17.3017H56.6842V12.4823H50.1334V6.48721L55.194 1.67959H65.9781V12.4823ZM52.8522 10.2567H63.2594V3.9042H52.8522V10.2567Z\" fill=\"#3F4150\"/>\r\n<path d=\"M50.1335 1.67959L50.1335 5.49495L54.1996 1.67959L50.1335 1.67959Z\" fill=\"#FF604A\"/>\n</symbol>\n<symbol id=\"icon-message-square\" viewBox=\"0 0 24 24\">\n<path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-minus\" viewBox=\"0 0 24 24\">\n<path d=\"M18 12.998H6C5.73478 12.998 5.48043 12.8927 5.29289 12.7052C5.10536 12.5176 5 12.2633 5 11.998C5 11.7328 5.10536 11.4785 5.29289 11.2909C5.48043 11.1034 5.73478 10.998 6 10.998H18C18.2652 10.998 18.5196 11.1034 18.7071 11.2909C18.8946 11.4785 19 11.7328 19 11.998C19 12.2633 18.8946 12.5176 18.7071 12.7052C18.5196 12.8927 18.2652 12.998 18 12.998Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-modal-icon\" viewBox=\"0 0 65 60\">\n<path d=\"M37.4558 13.905C39.5428 13.905 41.5443 14.7341 43.02 16.2098C44.4957 17.6855 45.3247 19.687 45.3247 21.7739V51.3609C45.3247 53.4478 44.4957 55.4493 43.02 56.925C41.5443 58.4007 39.5428 59.2298 37.4558 59.2298H20.1443V46.9543C20.1443 44.8674 19.3153 42.8659 17.8396 41.3902C16.3639 39.9145 14.3624 39.0854 12.2754 39.0854H-2.28882e-05V21.7739C-2.28882e-05 19.687 0.829014 17.6855 2.30471 16.2098C3.78041 14.7341 5.78189 13.905 7.86885 13.905H37.4558ZM0.696217 42.233H12.2754C13.5276 42.233 14.7285 42.7304 15.6139 43.6158C16.4993 44.5013 16.9967 45.7021 16.9967 46.9543V58.5335C16.131 58.1409 15.343 57.5959 14.6701 56.9245L2.30524 44.5609C1.63369 43.8877 1.08868 43.0991 0.696217 42.233Z\" fill=\"#FFCEC7\"/>\r\n<path d=\"M23.6707 41.3463H35.3906C36.0575 41.3463 36.3914 40.54 35.9199 40.0685L24.2 28.3486C23.7285 27.8771 22.9222 28.211 22.9222 28.8779V40.5978C22.9222 41.0112 23.2573 41.3463 23.6707 41.3463Z\" fill=\"#FF604A\"/>\r\n<rect x=\"24.4517\" y=\"26.3574\" width=\"28.551\" height=\"8.72392\" transform=\"rotate(-45 24.4517 26.3574)\" fill=\"#FFB6AC\"/>\r\n<rect x=\"31.7417\" y=\"33.6478\" width=\"28.551\" height=\"8.72392\" transform=\"rotate(-45 31.7417 33.6478)\" fill=\"#FF9486\"/>\r\n<path d=\"M45.7622 5.04724L49.9975 0.811983C50.4459 0.363585 51.1729 0.363585 51.6213 0.811984L63.4565 12.6473C63.9049 13.0957 63.9049 13.8227 63.4565 14.2711L59.2213 18.5063L45.7622 5.04724Z\" fill=\"#FF806E\"/>\n</symbol>\n<symbol id=\"icon-more\" viewBox=\"0 0 24 24\">\n<path d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-multiple\" viewBox=\"0 0 24 24\">\n<path d=\"M11.9998 13.4L7.0998 18.3C6.91647 18.4834 6.68314 18.575 6.3998 18.575C6.11647 18.575 5.88314 18.4834 5.6998 18.3C5.51647 18.1167 5.4248 17.8834 5.4248 17.6C5.4248 17.3167 5.51647 17.0834 5.6998 16.9L10.5998 12L5.6998 7.10005C5.51647 6.91672 5.4248 6.68338 5.4248 6.40005C5.4248 6.11672 5.51647 5.88338 5.6998 5.70005C5.88314 5.51672 6.11647 5.42505 6.3998 5.42505C6.68314 5.42505 6.91647 5.51672 7.0998 5.70005L11.9998 10.6L16.8998 5.70005C17.0831 5.51672 17.3165 5.42505 17.5998 5.42505C17.8831 5.42505 18.1165 5.51672 18.2998 5.70005C18.4831 5.88338 18.5748 6.11672 18.5748 6.40005C18.5748 6.68338 18.4831 6.91672 18.2998 7.10005L13.3998 12L18.2998 16.9C18.4831 17.0834 18.5748 17.3167 18.5748 17.6C18.5748 17.8834 18.4831 18.1167 18.2998 18.3C18.1165 18.4834 17.8831 18.575 17.5998 18.575C17.3165 18.575 17.0831 18.4834 16.8998 18.3L11.9998 13.4Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-note-active\" viewBox=\"0 0 24 24\">\n<path d=\"M17.0703 3.72827C18.1748 3.72838 19.0703 4.62377 19.0703 5.72827V14.8416H14.5938C13.4892 14.8416 12.5938 15.737 12.5938 16.8416V21.0955H6.05762C4.95319 21.0955 4.05785 20.1998 4.05762 19.0955V5.72827C4.05762 4.6237 4.95305 3.72827 6.05762 3.72827H17.0703Z\" fill=\"currentColor\"/>\r\n<path d=\"M17.0703 3.72827L17.0704 2.72827H17.0703V3.72827ZM19.0703 14.8416V15.8416H20.0703V14.8416H19.0703ZM12.5938 21.0955V22.0955H13.5938V21.0955H12.5938ZM4.05762 19.0955H3.05762V19.0957L4.05762 19.0955ZM17.0703 3.72827L17.0702 4.72827C17.6226 4.72833 18.0703 5.17615 18.0703 5.72827H19.0703H20.0703C20.0703 4.07139 18.727 2.72843 17.0704 2.72827L17.0703 3.72827ZM19.0703 5.72827H18.0703V14.8416H19.0703H20.0703V5.72827H19.0703ZM19.0703 14.8416V13.8416H14.5938V14.8416V15.8416H19.0703V14.8416ZM14.5938 14.8416V13.8416C12.9369 13.8416 11.5938 15.1847 11.5938 16.8416H12.5938H13.5938C13.5938 16.2893 14.0415 15.8416 14.5938 15.8416V14.8416ZM12.5938 16.8416H11.5938V21.0955H12.5938H13.5938V16.8416H12.5938ZM12.5938 21.0955V20.0955H6.05762V21.0955V22.0955H12.5938V21.0955ZM6.05762 21.0955V20.0955C5.50569 20.0955 5.05774 19.6477 5.05762 19.0952L4.05762 19.0955L3.05762 19.0957C3.05797 20.7519 4.4007 22.0955 6.05762 22.0955V21.0955ZM4.05762 19.0955H5.05762V5.72827H4.05762H3.05762V19.0955H4.05762ZM4.05762 5.72827H5.05762C5.05762 5.17599 5.50533 4.72827 6.05762 4.72827V3.72827V2.72827C4.40076 2.72827 3.05762 4.07142 3.05762 5.72827H4.05762ZM6.05762 3.72827V4.72827H17.0703V3.72827V2.72827H6.05762V3.72827Z\" fill=\"currentColor\"/>\r\n<path d=\"M8.30127 7.95886H14.8263\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n<path d=\"M8.30127 11.712H14.8263\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n<path d=\"M8.30127 15.4652H10.7481\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n<path d=\"M7.25488 3.46815L7.25488 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n<path d=\"M11.564 3.46815L11.564 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n<path d=\"M15.873 3.46815L15.873 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n<path d=\"M15.4282 16.9861H18.7349L14.9282 20.7927V17.4861C14.9282 17.2099 15.1521 16.9861 15.4282 16.9861Z\" fill=\"currentColor\" stroke=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-note-default\" viewBox=\"0 0 24 24\">\n<path d=\"M17.0703 3.72827L17.0704 2.72827H17.0703V3.72827ZM19.0703 14.8416V15.8416H20.0703V14.8416H19.0703ZM12.5938 21.0955V22.0955H13.5938V21.0955H12.5938ZM4.05762 19.0955H3.05762V19.0957L4.05762 19.0955ZM17.0703 3.72827L17.0702 4.72827C17.6226 4.72833 18.0703 5.17615 18.0703 5.72827H19.0703H20.0703C20.0703 4.07139 18.727 2.72843 17.0704 2.72827L17.0703 3.72827ZM19.0703 5.72827H18.0703V14.8416H19.0703H20.0703V5.72827H19.0703ZM19.0703 14.8416V13.8416H14.5938V14.8416V15.8416H19.0703V14.8416ZM14.5938 14.8416V13.8416C12.9369 13.8416 11.5938 15.1847 11.5938 16.8416H12.5938H13.5938C13.5938 16.2893 14.0415 15.8416 14.5938 15.8416V14.8416ZM12.5938 16.8416H11.5938V21.0955H12.5938H13.5938V16.8416H12.5938ZM12.5938 21.0955V20.0955H6.05762V21.0955V22.0955H12.5938V21.0955ZM6.05762 21.0955V20.0955C5.50569 20.0955 5.05774 19.6477 5.05762 19.0952L4.05762 19.0955L3.05762 19.0957C3.05797 20.7519 4.4007 22.0955 6.05762 22.0955V21.0955ZM4.05762 19.0955H5.05762V5.72827H4.05762H3.05762V19.0955H4.05762ZM4.05762 5.72827H5.05762C5.05762 5.17599 5.50533 4.72827 6.05762 4.72827V3.72827V2.72827C4.40076 2.72827 3.05762 4.07142 3.05762 5.72827H4.05762ZM6.05762 3.72827V4.72827H17.0703V3.72827V2.72827H6.05762V3.72827Z\" fill=\"currentColor\"/>\r\n<path d=\"M8.30127 7.95886H14.8263\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n<path d=\"M8.30127 11.712H14.8263\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n<path d=\"M8.30127 15.4652H10.7481\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n<path d=\"M7.25488 3.46815L7.25488 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n<path d=\"M11.564 3.46815L11.564 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n<path d=\"M15.873 3.46815L15.873 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n<path d=\"M19.9421 16.4861H15.4282C14.8759 16.4861 14.4282 16.9338 14.4282 17.4861V22L19.9421 16.4861Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-plus\" viewBox=\"0 0 24 24\">\n<path d=\"M18 12.998H13V17.998C13 18.2633 12.8946 18.5176 12.7071 18.7052C12.5196 18.8927 12.2652 18.998 12 18.998C11.7348 18.998 11.4804 18.8927 11.2929 18.7052C11.1054 18.5176 11 18.2633 11 17.998V12.998H6C5.73478 12.998 5.48043 12.8927 5.29289 12.7052C5.10536 12.5176 5 12.2633 5 11.998C5 11.7328 5.10536 11.4785 5.29289 11.2909C5.48043 11.1034 5.73478 10.998 6 10.998H11V5.99805C11 5.73283 11.1054 5.47848 11.2929 5.29094C11.4804 5.1034 11.7348 4.99805 12 4.99805C12.2652 4.99805 12.5196 5.1034 12.7071 5.29094C12.8946 5.47848 13 5.73283 13 5.99805V10.998H18C18.2652 10.998 18.5196 11.1034 18.7071 11.2909C18.8946 11.4785 19 11.7328 19 11.998C19 12.2633 18.8946 12.5176 18.7071 12.7052C18.5196 12.8927 18.2652 12.998 18 12.998Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-plus-circle\" viewBox=\"0 0 24 24\">\n<path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 8V16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M8 12H16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-pro-modal\" viewBox=\"0 0 64 64\">\n<rect x=\"30.667\" y=\"10.6667\" width=\"2.66667\" height=\"10.6667\" fill=\"#D9D9D9\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M29.7261 18.6667H34.2716C35.0275 18.6665 35.7623 18.9154 36.3623 19.375C36.9623 19.8347 37.394 20.4794 37.5906 21.2092L40.5797 32.3032H23.4113L26.4107 21.2092C26.607 20.4799 27.0382 19.8357 27.6375 19.3761C28.2369 18.9165 28.9709 18.6672 29.7261 18.6667ZM48.3547 61.184H15.6465L19.2609 47.764H44.7403L48.3547 61.184Z\" fill=\"#FFB6AC\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.4109 32.3032H40.5759L44.74 47.7641H19.2605L23.4109 32.3032ZM10.7399 58.6073C10.0565 58.6073 9.40106 58.8787 8.91781 59.362C8.43457 59.8452 8.16309 60.5006 8.16309 61.1841C8.16309 61.8675 8.43457 62.5229 8.91781 63.0061C9.40106 63.4894 10.0565 63.7609 10.7399 63.7609H53.2606C53.944 63.7609 54.5994 63.4894 55.0827 63.0061C55.5659 62.5229 55.8374 61.8675 55.8374 61.1841C55.8374 60.5006 55.5659 59.8452 55.0827 59.362C54.5994 58.8787 53.944 58.6073 53.2606 58.6073H10.7399Z\" fill=\"#FF806E\"/>\r\n<path d=\"M33.333 10.6667V0.755754C33.333 0.476862 32.9958 0.337193 32.7986 0.534399L23.2007 10.1323C23.0035 10.3295 23.1432 10.6667 23.4221 10.6667H33.333Z\" fill=\"#FF604A\"/>\n</symbol>\n<symbol id=\"icon-reset\" viewBox=\"0 0 24 24\">\n<path d=\"M21.9961 3.99805V9.99805H15.9961\" stroke=\"#515468\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M19.486 14.9981C18.8359 16.838 17.6055 18.4168 15.9801 19.4966C14.3547 20.5764 12.4224 21.0986 10.4744 20.9846C8.52636 20.8707 6.66813 20.1267 5.17973 18.8647C3.69133 17.6028 2.6534 15.8913 2.22234 13.9881C1.79128 12.085 1.99045 10.0932 2.78984 8.31313C3.58922 6.53301 4.94551 5.06092 6.65433 4.1187C8.36314 3.17648 10.3319 2.81516 12.2639 3.0892C14.196 3.36325 15.9866 4.2578 17.366 5.63806L21.996 9.99806\" stroke=\"#515468\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-search\" viewBox=\"0 0 24 24\">\n<path d=\"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M20.9999 21L16.6499 16.65\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-star\" viewBox=\"0 0 24 24\">\n<path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-target\" viewBox=\"0 0 16 16\">\n<g clip-path=\"url(#clip0_974_919)\">\r\n<path d=\"M0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8Z\" fill=\"#FFB6AC\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.1257 0.433132C13.1013 0.33488 13.0513 0.244867 12.9807 0.172302C12.9101 0.0997361 12.8215 0.0472233 12.724 0.0201356C12.6264 -0.00695211 12.5234 -0.0076424 12.4255 0.0181354C12.3276 0.0439132 12.2384 0.0952336 12.1668 0.166846L9.88109 2.45256C9.81139 2.52242 9.76096 2.60913 9.73472 2.70427C9.70849 2.7994 9.70733 2.89971 9.73138 2.99542L10.1428 4.6457L10.1268 4.6617L7.39424 7.39427C7.24283 7.55676 7.1604 7.77167 7.16432 7.99373C7.16824 8.21579 7.2582 8.42766 7.41524 8.5847C7.57228 8.74174 7.78415 8.8317 8.00621 8.83562C8.22827 8.83954 8.44318 8.75711 8.60567 8.6057L11.3405 5.87427L11.3565 5.85713L13.0057 6.2697C13.1014 6.29375 13.2017 6.2926 13.2968 6.26636C13.3919 6.24012 13.4787 6.1897 13.5485 6.11999L15.8342 3.83428C15.9061 3.76275 15.9577 3.67338 15.9837 3.57534C16.0096 3.4773 16.009 3.37411 15.9819 3.27638C15.9548 3.17865 15.9022 3.0899 15.8294 3.01923C15.7567 2.94856 15.6664 2.89853 15.568 2.87428L13.6148 2.38742L13.1257 0.433132ZM8.36224 0.867418C8.37794 1.09413 8.30297 1.31779 8.15381 1.48924C8.00465 1.66069 7.79351 1.76588 7.56681 1.7817C6.37275 1.86445 5.22754 2.28825 4.26727 3.00275C3.30699 3.71724 2.57202 4.69239 2.14968 5.81233C1.72734 6.93226 1.63539 8.1499 1.88475 9.32056C2.13411 10.4912 2.7143 11.5657 3.55638 12.4163C4.39846 13.2669 5.46704 13.8579 6.63513 14.119C7.80322 14.3801 9.02172 14.3005 10.1459 13.8894C11.27 13.4784 12.2525 12.7532 12.9766 11.8002C13.7007 10.8472 14.136 9.7063 14.2308 8.51313C14.2488 8.28641 14.3562 8.07614 14.5293 7.92857C14.7023 7.78101 14.9269 7.70824 15.1537 7.72628C15.3804 7.74431 15.5907 7.85167 15.7382 8.02474C15.8858 8.19781 15.9586 8.42241 15.9405 8.64913C15.8196 10.1694 15.2648 11.623 14.342 12.8372C13.4193 14.0514 12.1674 14.9752 10.735 15.4988C9.30269 16.0225 7.75014 16.124 6.26183 15.7912C4.77353 15.4584 3.41202 14.7054 2.33908 13.6217C1.26613 12.5379 0.526842 11.1689 0.209049 9.67733C-0.108745 8.18575 0.00831389 6.6343 0.546317 5.2073C1.08432 3.7803 2.02065 2.53772 3.24407 1.62721C4.46749 0.716698 5.92656 0.176517 7.44795 0.0708464C7.67466 0.055145 7.89832 0.130115 8.06977 0.279275C8.24122 0.428435 8.34642 0.640718 8.36224 0.867418ZM7.59424 4.63656C7.63531 4.74139 7.65532 4.85329 7.65313 4.96585C7.65095 5.07842 7.62661 5.18945 7.5815 5.29261C7.5364 5.39577 7.47141 5.48903 7.39026 5.56707C7.3091 5.6451 7.21337 5.70639 7.10852 5.74742C6.73371 5.89444 6.40145 6.13254 6.14177 6.44021C5.88208 6.74788 5.70316 7.11541 5.62118 7.50959C5.5392 7.90377 5.55673 8.31216 5.67221 8.69786C5.78768 9.08355 5.99745 9.43439 6.28255 9.71867C6.56766 10.0029 6.91911 10.2117 7.30514 10.326C7.69117 10.4404 8.09961 10.4567 8.49355 10.3736C8.88748 10.2905 9.25449 10.1105 9.5614 9.8499C9.86831 9.58932 10.1055 9.25637 10.2514 8.88113C10.2922 8.77622 10.3533 8.68039 10.4311 8.59909C10.509 8.51779 10.6021 8.45262 10.7052 8.4073C10.8082 8.36199 10.9192 8.33741 11.0317 8.33498C11.1443 8.33255 11.2562 8.35231 11.3611 8.39313C11.466 8.43395 11.5618 8.49504 11.6431 8.5729C11.7244 8.65076 11.7896 8.74387 11.8349 8.84692C11.8802 8.94997 11.9048 9.06093 11.9072 9.17347C11.9097 9.28602 11.8899 9.39794 11.8491 9.50285C11.5998 10.1436 11.1948 10.7122 10.6706 11.1571C10.1465 11.602 9.51966 11.9093 8.8469 12.0512C8.17414 12.193 7.47663 12.165 6.81744 11.9695C6.15825 11.7741 5.55816 11.4175 5.07142 10.9319C4.58468 10.4463 4.22663 9.847 4.02966 9.18827C3.83268 8.52954 3.80298 7.8321 3.94325 7.15901C4.08352 6.48592 4.38932 5.8584 4.83302 5.33318C5.27673 4.80796 5.84433 4.4016 6.48452 4.15085C6.6961 4.06826 6.93181 4.07303 7.13988 4.1641C7.34795 4.25517 7.51136 4.42509 7.59424 4.63656Z\" fill=\"#FF604A\"/>\r\n<circle cx=\"7.99996\" cy=\"7.99999\" r=\"1.33333\" fill=\"#FF604A\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0_974_919\">\r\n<rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\n</symbol>\n<symbol id=\"icon-toast-error\" viewBox=\"0 0 24 24\">\n<path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" fill=\"#FFC852\"/>\r\n<path d=\"M12 8V12\" stroke=\"#515468\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 16H12.01\" stroke=\"#515468\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-toast-success\" viewBox=\"0 0 24 24\">\n<rect x=\"5\" y=\"7\" width=\"13\" height=\"11\" fill=\"white\"/>\r\n<path d=\"M10.6 13.8L8.45 11.65C8.26667 11.4667 8.03333 11.375 7.75 11.375C7.46667 11.375 7.23333 11.4667 7.05 11.65C6.86667 11.8333 6.775 12.0667 6.775 12.35C6.775 12.6333 6.86667 12.8667 7.05 13.05L9.9 15.9C10.1 16.1 10.3333 16.2 10.6 16.2C10.8667 16.2 11.1 16.1 11.3 15.9L16.95 10.25C17.1333 10.0667 17.225 9.83333 17.225 9.55C17.225 9.26667 17.1333 9.03333 16.95 8.85C16.7667 8.66667 16.5333 8.575 16.25 8.575C15.9667 8.575 15.7333 8.66667 15.55 8.85L10.6 13.8ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88334 20.6867 5.825 19.9743 4.925 19.075C4.025 18.1757 3.31267 17.1173 2.788 15.9C2.26333 14.6827 2.00067 13.3827 2 12C1.99933 10.6173 2.262 9.31733 2.788 8.1C3.314 6.88267 4.02633 5.82433 4.925 4.925C5.82367 4.02567 6.882 3.31333 8.1 2.788C9.318 2.26267 10.618 2 12 2C13.382 2 14.682 2.26267 15.9 2.788C17.118 3.31333 18.1763 4.02567 19.075 4.925C19.9737 5.82433 20.6863 6.88267 21.213 8.1C21.7397 9.31733 22.002 10.6173 22 12C21.998 13.3827 21.7353 14.6827 21.212 15.9C20.6887 17.1173 19.9763 18.1757 19.075 19.075C18.1737 19.9743 17.1153 20.687 15.9 21.213C14.6847 21.739 13.3847 22.0013 12 22Z\" fill=\"#08C481\"/>\n</symbol>\n<symbol id=\"icon-trash-chip\" viewBox=\"0 0 16 16\">\n<path d=\"M2 4H3.33333H14\" stroke=\"#727692\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12.6673 3.99998V13.3333C12.6673 13.6869 12.5268 14.0261 12.2768 14.2761C12.0267 14.5262 11.6876 14.6666 11.334 14.6666H4.66732C4.3137 14.6666 3.97456 14.5262 3.72451 14.2761C3.47446 14.0261 3.33398 13.6869 3.33398 13.3333V3.99998M5.33398 3.99998V2.66665C5.33398 2.31302 5.47446 1.97389 5.72451 1.72384C5.97456 1.47379 6.3137 1.33331 6.66732 1.33331H9.33398C9.68761 1.33331 10.0267 1.47379 10.2768 1.72384C10.5268 1.97389 10.6673 2.31302 10.6673 2.66665V3.99998\" stroke=\"#727692\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M6.66602 7.33331V11.3333\" stroke=\"#727692\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M9.33398 7.33331V11.3333\" stroke=\"#727692\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-trash-modal\" viewBox=\"0 0 64 64\">\n<path d=\"M41.68 61H22.32C19.3867 61 16.8933 58.9636 16.4533 56.0545L10 13H54L47.4 56.0545C46.96 58.9636 44.4667 61 41.68 61Z\" fill=\"#FFCEC7\"/>\r\n<path d=\"M52.125 16H11.875C10.2937 16 9 14.65 9 13C9 11.35 10.2937 10 11.875 10H52.125C53.7062 10 55 11.35 55 13C55 14.65 53.7062 16 52.125 16Z\" fill=\"#FF806E\"/>\r\n<path d=\"M18 10C18 6.68629 20.6863 4 24 4H40C43.3137 4 46 6.68629 46 10H18Z\" fill=\"#FFB6AC\"/>\n</symbol>\n<symbol id=\"icon-triangle\" viewBox=\"0 0 20 20\">\n<path d=\"M16.7407 8.53217L4.95735 1.47384C4.70533 1.32831 4.4196 1.25131 4.12858 1.25049C3.83757 1.24968 3.55141 1.32508 3.29858 1.46919C3.04575 1.61331 2.83506 1.82111 2.68747 2.07193C2.53989 2.32275 2.46055 2.60784 2.45735 2.89884L2.45735 17.0155C2.46055 17.3065 2.53989 17.5916 2.68747 17.8424C2.83506 18.0932 3.04575 18.301 3.29858 18.4451C3.55141 18.5893 3.83757 18.6647 4.12858 18.6638C4.4196 18.663 4.70533 18.586 4.95735 18.4405L16.7407 11.3822C16.9856 11.2336 17.1881 11.0244 17.3286 10.7748C17.4691 10.5252 17.543 10.2436 17.543 9.95717C17.543 9.67072 17.4691 9.38911 17.3286 9.13951C17.1881 8.8899 16.9856 8.68073 16.7407 8.53217Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-unlock\" viewBox=\"0 0 20 20\">\n<path d=\"M15.8333 9.16669H4.16667C3.24619 9.16669 2.5 9.91288 2.5 10.8334V16.6667C2.5 17.5872 3.24619 18.3334 4.16667 18.3334H15.8333C16.7538 18.3334 17.5 17.5872 17.5 16.6667V10.8334C17.5 9.91288 16.7538 9.16669 15.8333 9.16669Z\" stroke=\"#727692\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M5.8335 9.16667V5.83334C5.83246 4.80005 6.2154 3.80323 6.90798 3.03639C7.60055 2.26956 8.55336 1.78742 9.58142 1.68358C10.6095 1.57974 11.6395 1.86159 12.4714 2.47443C13.3033 3.08727 13.8779 3.98738 14.0835 5.00001\" stroke=\"#727692\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-user\" viewBox=\"0 0 24 24\">\n<path d=\"M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-wrong-check\" viewBox=\"0 0 584 584\">\n<mask id=\"mask0_262_5811\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"43\" y=\"39\" width=\"498\" height=\"506\">\r\n<path d=\"M292.001 530.28C322.683 530.319 353.07 524.173 381.417 512.196C409.763 500.219 435.511 482.646 457.179 460.488C478.902 438.385 496.129 412.122 507.871 383.208C519.613 354.293 525.638 323.297 525.6 292C525.638 260.703 519.613 229.707 507.871 200.792C496.129 171.877 478.902 145.614 457.179 123.512C435.511 101.354 409.763 83.7811 381.417 71.8039C353.07 59.8267 322.683 53.6808 292.001 53.7194C261.318 53.6808 230.931 59.8267 202.584 71.8039C174.238 83.7811 148.49 101.354 126.822 123.512C105.099 145.614 87.8718 171.877 76.1298 200.792C64.3879 229.707 58.3627 260.703 58.4006 292C58.3627 323.297 64.3879 354.293 76.1298 383.208C87.8718 412.122 105.099 438.385 126.822 460.488C148.49 482.646 174.238 500.219 202.584 512.196C230.931 524.173 261.318 530.319 292.001 530.28Z\" fill=\"white\" stroke=\"white\" stroke-width=\"29.2\" stroke-linejoin=\"round\"/>\r\n<path d=\"M198.551 291.997L268.631 363.481L408.791 220.513\" stroke=\"black\" stroke-width=\"29.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</mask>\r\n<g mask=\"url(#mask0_262_5811)\">\r\n<path d=\"M11.6895 6.06348H572.329V577.937H11.6895V6.06348Z\" fill=\"#FF604A\"/>\r\n</g>\r\n<rect x=\"189\" y=\"261.956\" width=\"213\" height=\"112\" transform=\"rotate(-45.1304 189 261.956)\" fill=\"#FF604A\"/>\n</symbol>\n<symbol id=\"icon-wrong-edit\" viewBox=\"0 0 16 16\">\n<path d=\"M11.3335 1.99998C11.5086 1.82488 11.7165 1.68599 11.9452 1.59123C12.174 1.49647 12.4192 1.44769 12.6668 1.44769C12.9145 1.44769 13.1597 1.49647 13.3884 1.59123C13.6172 1.68599 13.8251 1.82488 14.0002 1.99998C14.1753 2.17507 14.3142 2.38294 14.4089 2.61172C14.5037 2.84049 14.5524 3.08569 14.5524 3.33331C14.5524 3.58093 14.5037 3.82613 14.4089 4.05491C14.3142 4.28368 14.1753 4.49155 14.0002 4.66664L5.00016 13.6666L1.3335 14.6666L2.3335 11L11.3335 1.99998Z\" stroke=\"#515468\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n</svg>\n" as const;
+export const SPRITE = "<svg xmlns=\"http://www.w3.org/2000/svg\">\n<symbol id=\"icon-01\" viewBox=\"0 0 72 58\">\n<path d=\"M60.8947 14.4005L50.3008 22.7544V11.1385L62.7212 1.19335H72V56.8065H60.8947V14.4005Z\" fill=\"#3F4150\"/>\r\n<path d=\"M22.7951 58C18.1679 58 14.1252 56.8596 10.6669 54.5789C7.25742 52.2451 4.62721 48.9035 2.77633 44.5542C0.925442 40.1518 0 34.9803 0 29.0398C0 23.0462 0.901089 17.8747 2.70327 13.5254C4.55415 9.17604 7.18435 5.83448 10.5939 3.50069C14.0521 1.1669 18.1192 0 22.7951 0C27.471 0 31.5137 1.1669 34.9233 3.50069C38.3328 5.83448 40.9386 9.17604 42.7408 13.5254C44.5917 17.8747 45.5171 23.0462 45.5171 29.0398C45.5171 34.9803 44.5917 40.1518 42.7408 44.5542C40.8899 48.9035 38.2597 52.2451 34.8502 54.5789C31.4407 56.8596 27.4223 58 22.7951 58ZM22.7951 46.8615C26.4482 46.8615 29.2732 45.2967 31.2702 42.1674C33.2672 39.0379 34.2657 34.7151 34.2657 29.1989C34.2657 23.6296 33.2672 19.2538 31.2702 16.0713C29.3219 12.8889 26.4969 11.2977 22.7951 11.2977C19.0933 11.2977 16.2439 12.8889 14.2469 16.0713C12.2986 19.2538 11.3245 23.6296 11.3245 29.1989C11.3245 34.7151 12.323 39.0379 14.32 42.1674C16.317 45.2967 19.142 46.8615 22.7951 46.8615Z\" fill=\"#3F4150\"/>\n</symbol>\n<symbol id=\"icon-ai\" viewBox=\"0 0 24 24\">\n<path d=\"M9.10613 5.448C9.70413 3.698 12.1221 3.645 12.8311 5.289L12.8911 5.449L13.6981 7.809C13.8831 8.35023 14.1819 8.84551 14.5746 9.26142C14.9672 9.67734 15.4444 10.0042 15.9741 10.22L16.1911 10.301L18.5511 11.107C20.3011 11.705 20.3541 14.123 18.7111 14.832L18.5511 14.892L16.1911 15.699C15.6497 15.8838 15.1542 16.1826 14.7381 16.5753C14.3221 16.9679 13.995 17.4452 13.7791 17.975L13.6981 18.191L12.8921 20.552C12.2941 22.302 9.87613 22.355 9.16813 20.712L9.10613 20.552L8.30013 18.192C8.11531 17.6506 7.8165 17.1551 7.42387 16.739C7.03124 16.3229 6.55392 15.9959 6.02413 15.78L5.80813 15.699L3.44813 14.893C1.69713 14.295 1.64413 11.877 3.28813 11.169L3.44813 11.107L5.80813 10.301C6.34936 10.1161 6.84464 9.81719 7.26055 9.42457C7.67646 9.03195 8.00334 8.55469 8.21913 8.025L8.30013 7.809L9.10613 5.448ZM18.9991 2C19.1862 2 19.3695 2.05248 19.5283 2.15147C19.687 2.25046 19.8148 2.392 19.8971 2.56L19.9451 2.677L20.2951 3.703L21.3221 4.053C21.5096 4.1167 21.674 4.23462 21.7944 4.39182C21.9148 4.54902 21.9858 4.73842 21.9984 4.93602C22.011 5.13362 21.9647 5.33053 21.8653 5.50179C21.766 5.67304 21.618 5.81094 21.4401 5.898L21.3221 5.946L20.2961 6.296L19.9461 7.323C19.8823 7.51043 19.7643 7.6747 19.6071 7.79499C19.4498 7.91529 19.2604 7.98619 19.0628 7.99872C18.8652 8.01125 18.6683 7.96484 18.4971 7.86538C18.3259 7.76591 18.1881 7.61787 18.1011 7.44L18.0531 7.323L17.7031 6.297L16.6761 5.947C16.4886 5.8833 16.3243 5.76538 16.2039 5.60819C16.0835 5.45099 16.0125 5.26158 15.9999 5.06398C15.9872 4.86638 16.0335 4.66947 16.1329 4.49821C16.2323 4.32696 16.3803 4.18906 16.5581 4.102L16.6761 4.054L17.7021 3.704L18.0521 2.677C18.1196 2.47943 18.2471 2.30791 18.417 2.1865C18.5868 2.06509 18.7904 1.99987 18.9991 2Z\" fill=\"#FF604A\"/>\n</symbol>\n<symbol id=\"icon-ai-pencil\" viewBox=\"0 0 24 24\">\n<path d=\"M12.4754 5.68872L15.8579 7.58997L17.7787 10.9927L7.02666 21.7447L3.38016 19.8172L1.72266 16.4422L12.4754 5.68872Z\" fill=\"#FFC72D\"/>\r\n<path d=\"M1.04297 21.0488L1.47947 22.0328L2.42072 22.4265L7.01822 21.7328L1.73672 16.4513L1.04297 21.0488Z\" fill=\"#FFDFAA\"/>\r\n<path d=\"M0.796875 22.6717L1.04138 21.0487L2.41988 22.4265L0.796875 22.6717Z\" fill=\"#402A32\"/>\r\n<path d=\"M16.7067 1.45799C16.846 1.31864 17.0114 1.20809 17.1934 1.13267C17.3754 1.05725 17.5705 1.01843 17.7676 1.01843C17.9646 1.01843 18.1597 1.05725 18.3417 1.13267C18.5238 1.20809 18.6891 1.31864 18.8284 1.45799L22.0099 4.64024C22.2911 4.92153 22.4491 5.30299 22.4491 5.70074C22.4491 6.09848 22.2911 6.47995 22.0099 6.76124L19.3587 9.41324L15.9634 7.71524L14.0547 4.10999L16.7067 1.45799Z\" fill=\"#F92F60\"/>\r\n<path d=\"M14.0548 4.10999L19.3588 9.41324L17.7673 11.004L12.4648 5.70149L14.0548 4.10999Z\" fill=\"#D3D3D3\"/>\n</symbol>\n<symbol id=\"icon-alarm\" viewBox=\"0 0 24 24\">\n<path d=\"M12.0196 2.90991C8.7096 2.90991 6.0196 5.59991 6.0196 8.90991V11.7999C6.0196 12.4099 5.7596 13.3399 5.4496 13.8599L4.2996 15.7699C3.5896 16.9499 4.0796 18.2599 5.3796 18.6999C9.6896 20.1399 14.3396 20.1399 18.6496 18.6999C19.8596 18.2999 20.3896 16.8699 19.7296 15.7699L18.5796 13.8599C18.2796 13.3399 18.0196 12.4099 18.0196 11.7999V8.90991C18.0196 5.60991 15.3196 2.90991 12.0196 2.90991Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"/>\r\n<path d=\"M13.8699 3.19994C13.5599 3.10994 13.2399 3.03994 12.9099 2.99994C11.9499 2.87994 11.0299 2.94994 10.1699 3.19994C10.4599 2.45994 11.1799 1.93994 12.0199 1.93994C12.8599 1.93994 13.5799 2.45994 13.8699 3.19994Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M15.0195 19.0601C15.0195 20.7101 13.6695 22.0601 12.0195 22.0601C11.1995 22.0601 10.4395 21.7201 9.89953 21.1801C9.35953 20.6401 9.01953 19.8801 9.01953 19.0601\" stroke=\"currentColor\" stroke-width=\"2\" stroke-miterlimit=\"10\"/>\n</symbol>\n<symbol id=\"icon-apple\" viewBox=\"0 0 24 24\">\n<path d=\"M17.3311 20.2778C16.2972 21.2277 15.1685 21.0777 14.0819 20.6278C12.9321 20.1678 11.8771 20.1478 10.664 20.6278C9.14491 21.2477 8.34317 21.0677 7.43595 20.2778C2.28795 15.2485 3.04749 7.58942 8.89173 7.30946C10.3159 7.37945 11.3075 8.04936 12.1409 8.10935C13.3857 7.86939 14.5777 7.17947 15.9069 7.26946C17.4998 7.38945 18.7025 7.98937 19.4936 9.06923C16.2023 10.939 16.9829 15.0485 20 16.1983C19.3987 17.6981 18.6181 19.188 17.3205 20.2878L17.3311 20.2778ZM12.0354 7.24946C11.8771 5.01975 13.7865 3.17998 15.9808 3C16.2867 5.57967 13.5123 7.49943 12.0354 7.24946Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-arrow-right\" viewBox=\"0 0 24 24\">\n<path d=\"M5 12H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 5L19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-arrow-up-right\" viewBox=\"0 0 40 40\">\n<rect width=\"40\" height=\"40\" rx=\"20\" fill=\"#FF604A\"/>\r\n<path d=\"M15 25L25 15\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M15 15H25V25\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-calendar\" viewBox=\"0 0 24 24\">\n<path d=\"M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z\" stroke=\"#727692\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M16 2V6\" stroke=\"#727692\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M8 2V6\" stroke=\"#727692\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M3 10H21\" stroke=\"#727692\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-camera\" viewBox=\"0 0 20 20\">\n<path d=\"M19.1667 15.8333C19.1667 16.2754 18.9911 16.6993 18.6785 17.0118C18.366 17.3244 17.9421 17.5 17.5 17.5H2.50004C2.05801 17.5 1.63409 17.3244 1.32153 17.0118C1.00897 16.6993 0.833374 16.2754 0.833374 15.8333V6.66667C0.833374 6.22464 1.00897 5.80072 1.32153 5.48816C1.63409 5.17559 2.05801 5 2.50004 5H5.83337L7.50004 2.5H12.5L14.1667 5H17.5C17.9421 5 18.366 5.17559 18.6785 5.48816C18.9911 5.80072 19.1667 6.22464 19.1667 6.66667V15.8333Z\" stroke=\"white\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M9.99996 14.1667C11.8409 14.1667 13.3333 12.6743 13.3333 10.8333C13.3333 8.99238 11.8409 7.5 9.99996 7.5C8.15901 7.5 6.66663 8.99238 6.66663 10.8333C6.66663 12.6743 8.15901 14.1667 9.99996 14.1667Z\" stroke=\"white\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-check-circle\" viewBox=\"0 0 24 24\">\n<path d=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.85999\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M22 4L12 14.01L9 11.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-check-mark\" viewBox=\"0 0 16 16\">\n<path d=\"M13.3332 4L5.99984 11.3333L2.6665 8\" stroke=\"currentColor\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-chevron\" viewBox=\"0 0 24 24\">\n<path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-crown\" viewBox=\"0 0 16 16\">\n<path d=\"M8.6252 3.78C8.8552 3.5975 9.0002 3.315 9.0002 3C9.0002 2.4475 8.5527 2 8.0002 2C7.4477 2 7.0002 2.4475 7.0002 3C7.0002 3.315 7.1477 3.5975 7.3752 3.78L5.6652 6.47C5.4152 6.8625 4.8827 6.96 4.5102 6.68L3.0227 5.5675C3.1352 5.4075 3.2002 5.21 3.2002 5C3.2002 4.4475 2.7527 4 2.2002 4C1.6477 4 1.2002 4.4475 1.2002 5C1.2002 5.545 1.6377 5.99 2.1802 6L2.9952 11.4375C3.1127 12.22 3.7852 12.8 4.5777 12.8H11.4227C12.2152 12.8 12.8877 12.22 13.0052 11.4375L13.8202 6C14.3627 5.99 14.8002 5.545 14.8002 5C14.8002 4.4475 14.3527 4 13.8002 4C13.2477 4 12.8002 4.4475 12.8002 5C12.8002 5.21 12.8652 5.4075 12.9777 5.5675L11.4927 6.6825C11.1202 6.9625 10.5877 6.865 10.3377 6.4725L8.6252 3.78Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-default-profile\" viewBox=\"0 0 92 92\">\n<path d=\"M0 46C-9.00149e-08 39.9592 1.18982 33.9775 3.50154 28.3965C5.81325 22.8156 9.20158 17.7446 13.4731 13.4731C17.7446 9.20159 22.8156 5.81325 28.3965 3.50154C33.9775 1.18982 39.9591 0 45.9999 0C52.0407 0 58.0224 1.18982 63.6034 3.50154C69.1843 5.81325 74.2553 9.20159 78.5268 13.4731C82.7983 17.7446 86.1866 22.8156 88.4983 28.3965C90.8101 33.9775 91.9999 39.9592 91.9999 46C91.9999 58.1999 87.1535 69.9002 78.5268 78.5268C69.9001 87.1535 58.1999 91.9999 45.9999 91.9999C33.8 91.9999 22.0997 87.1535 13.4731 78.5268C4.84641 69.9002 1.81793e-07 58.1999 0 46Z\" fill=\"white\"/>\r\n<path d=\"M45.9996 56.2221C57.2907 56.2221 66.444 47.0688 66.444 35.7777C66.444 24.4865 57.2907 15.3333 45.9996 15.3333C34.7085 15.3333 25.5552 24.4865 25.5552 35.7777C25.5552 47.0688 34.7085 56.2221 45.9996 56.2221Z\" fill=\"#FF806E\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M77.7911 77.9239C78.0978 78.4197 78.0007 79.0483 77.5867 79.4419C69.0559 87.5206 57.7491 92.0159 46 91.9999C34.251 92.0159 22.9442 87.5206 14.4134 79.4419C14.2122 79.2496 14.0823 78.9946 14.0452 78.7187C14.008 78.4429 14.0658 78.1626 14.209 77.9239C20.1481 68.0697 32.1541 61.3333 46 61.3333C59.846 61.3333 71.8469 68.0697 77.7911 77.9239Z\" fill=\"#FF806E\"/>\n</symbol>\n<symbol id=\"icon-default-profile1\" viewBox=\"0 0 92 92\">\n<path d=\"M0 46C-9.00149e-08 39.9592 1.18982 33.9775 3.50154 28.3965C5.81325 22.8156 9.20158 17.7446 13.4731 13.4731C17.7446 9.20159 22.8156 5.81325 28.3965 3.50154C33.9775 1.18982 39.9591 0 45.9999 0C52.0407 0 58.0224 1.18982 63.6034 3.50154C69.1843 5.81325 74.2553 9.20159 78.5268 13.4731C82.7983 17.7446 86.1866 22.8156 88.4983 28.3965C90.8101 33.9775 91.9999 39.9592 91.9999 46C91.9999 58.1999 87.1535 69.9002 78.5268 78.5268C69.9001 87.1535 58.1999 91.9999 45.9999 91.9999C33.8 91.9999 22.0997 87.1535 13.4731 78.5268C4.84641 69.9002 1.81793e-07 58.1999 0 46Z\" fill=\"#F1F1F4\"/>\r\n<path d=\"M45.9997 56.2221C57.2909 56.2221 66.4441 47.0688 66.4441 35.7777C66.4441 24.4865 57.2909 15.3333 45.9997 15.3333C34.7086 15.3333 25.5553 24.4865 25.5553 35.7777C25.5553 47.0688 34.7086 56.2221 45.9997 56.2221Z\" fill=\"#BEC0CD\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M77.7911 77.9239C78.0978 78.4197 78.0007 79.0483 77.5867 79.4419C69.0559 87.5206 57.7491 92.0159 46 91.9999C34.251 92.0159 22.9442 87.5206 14.4134 79.4419C14.2122 79.2496 14.0823 78.9946 14.0452 78.7187C14.008 78.4429 14.0658 78.1626 14.209 77.9239C20.1481 68.0697 32.1541 61.3333 46 61.3333C59.846 61.3333 71.8469 68.0697 77.7911 77.9239Z\" fill=\"#BEC0CD\"/>\n</symbol>\n<symbol id=\"icon-edit\" viewBox=\"0 0 24 24\">\n<path d=\"M11 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V20C2 20.5304 2.21071 21.0391 2.58579 21.4142C2.96086 21.7893 3.46957 22 4 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M18.5 2.49998C18.8978 2.10216 19.4374 1.87866 20 1.87866C20.5626 1.87866 21.1022 2.10216 21.5 2.49998C21.8978 2.89781 22.1213 3.43737 22.1213 3.99998C22.1213 4.56259 21.8978 5.10216 21.5 5.49998L12 15L8 16L9 12L18.5 2.49998Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-edit-scan\" viewBox=\"0 0 20 20\">\n<path d=\"M10 16.6667H17.5\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M13.75 2.91666C14.0815 2.58514 14.5312 2.3989 15 2.3989C15.2321 2.3989 15.462 2.44462 15.6765 2.53346C15.891 2.6223 16.0858 2.75251 16.25 2.91666C16.4142 3.08081 16.5444 3.27569 16.6332 3.49017C16.722 3.70464 16.7678 3.93452 16.7678 4.16666C16.7678 4.39881 16.722 4.62868 16.6332 4.84316C16.5444 5.05763 16.4142 5.25251 16.25 5.41666L5.83333 15.8333L2.5 16.6667L3.33333 13.3333L13.75 2.91666Z\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-empty-graph\" viewBox=\"0 0 56 56\">\n<path d=\"M44.3333 7H11.6667C9.1 7 7 9.1 7 11.6667V44.3333C7 46.9 9.1 49 11.6667 49H44.3333C46.9 49 49 46.9 49 44.3333V11.6667C49 9.1 46.9 7 44.3333 7ZM21 39.6667H16.3333V23.3333H21V39.6667ZM30.3333 39.6667H25.6667V16.3333H30.3333V39.6667ZM39.6667 39.6667H35V30.3333H39.6667V39.6667Z\" fill=\"#A1A3B6\"/>\n</symbol>\n<symbol id=\"icon-empty-problem\" viewBox=\"0 0 56 56\">\n<rect width=\"56\" height=\"56\" rx=\"28\" fill=\"#F1F1F4\"/>\r\n<path d=\"M41.5 27.9992H23.4684M23.4684 27.9992C23.4684 28.8875 23.1317 29.7393 22.535 30.3674C21.9384 30.9955 21.1291 31.3483 20.2853 31.3483C19.4415 31.3483 18.6322 30.9955 18.0356 30.3674C17.4389 29.7393 17.1037 28.8875 17.1037 27.9992M23.4684 27.9992C23.4684 27.111 23.1317 26.2592 22.535 25.6311C21.9384 25.003 21.1291 24.6502 20.2853 24.6502C19.4415 24.6502 18.6322 25.003 18.0356 25.6311C17.4389 26.2592 17.1037 27.111 17.1037 27.9992M17.1037 27.9992H14.5M41.5 38.1494H33.111M33.111 38.1494C33.111 39.0378 32.775 39.8906 32.1782 40.5189C31.5814 41.1471 30.772 41.5 29.9279 41.5C29.0841 41.5 28.2749 41.1456 27.6782 40.5175C27.0815 39.8895 26.7463 39.0376 26.7463 38.1494M33.111 38.1494C33.111 37.261 32.775 36.4097 32.1782 35.7815C31.5814 35.1532 30.772 34.8003 29.9279 34.8003C29.0841 34.8003 28.2749 35.1532 27.6782 35.7812C27.0815 36.4093 26.7463 37.2612 26.7463 38.1494M26.7463 38.1494H14.5M41.5 17.8491H36.9684M36.9684 17.8491C36.9684 18.2889 36.8846 18.7244 36.7247 19.1307C36.5648 19.537 36.3305 19.9062 36.035 20.2172C35.7396 20.5282 35.3889 20.7749 35.0029 20.9432C34.6168 21.1115 34.2031 21.1982 33.7853 21.1982C32.9415 21.1982 32.1322 20.8453 31.5356 20.2172C30.9389 19.5892 30.6037 18.7373 30.6037 17.8491M36.9684 17.8491C36.9684 17.4093 36.8846 16.9738 36.7247 16.5674C36.5648 16.1611 36.3305 15.7919 36.035 15.4809C35.7396 15.1699 35.3889 14.9232 35.0029 14.7549C34.6168 14.5866 34.2031 14.5 33.7853 14.5C32.9415 14.5 32.1322 14.8528 31.5356 15.4809C30.9389 16.109 30.6037 16.9608 30.6037 17.8491M30.6037 17.8491H14.5\" stroke=\"#727692\" stroke-width=\"3\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"/>\n</symbol>\n<symbol id=\"icon-error-404\" viewBox=\"0 0 56 56\">\n<path d=\"M24.0093 9.00666L4.24598 42C3.83851 42.7056 3.62291 43.5057 3.62062 44.3205C3.61834 45.1354 3.82946 45.9366 4.23298 46.6445C4.63649 47.3525 5.21834 47.9424 5.92063 48.3556C6.62293 48.7689 7.42118 48.991 8.23598 49H47.7626C48.5775 48.991 49.3757 48.7689 50.078 48.3556C50.7803 47.9424 51.3621 47.3525 51.7657 46.6445C52.1692 45.9366 52.3803 45.1354 52.378 44.3205C52.3757 43.5057 52.1601 42.7056 51.7527 42L31.9893 9.00666C31.5734 8.3209 30.9877 7.75394 30.2888 7.36045C29.5899 6.96697 28.8014 6.76025 27.9993 6.76025C27.1973 6.76025 26.4088 6.96697 25.7099 7.36045C25.011 7.75394 24.4253 8.3209 24.0093 9.00666Z\" fill=\"#A1A3B6\"/>\r\n<path d=\"M28 21V30.3333\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M28 39.6667H28.0233\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-error-500\" viewBox=\"0 0 56 56\">\n<path d=\"M27.9998 39.6667C28.6609 39.6667 29.2155 39.4427 29.6635 38.9947C30.1115 38.5467 30.3347 37.993 30.3332 37.3334C30.3316 36.6739 30.1076 36.1201 29.6612 35.6721C29.2147 35.2241 28.6609 35.0001 27.9998 35.0001C27.3387 35.0001 26.785 35.2241 26.3385 35.6721C25.8921 36.1201 25.6681 36.6739 25.6665 37.3334C25.6649 37.993 25.889 38.5475 26.3385 38.9971C26.7881 39.4466 27.3418 39.6699 27.9998 39.6667ZM27.9998 30.3334C28.6609 30.3334 29.2155 30.1094 29.6635 29.6614C30.1115 29.2134 30.3347 28.6596 30.3332 28.0001V18.6667C30.3332 18.0056 30.1092 17.4519 29.6612 17.0054C29.2132 16.559 28.6594 16.335 27.9998 16.3334C27.3403 16.3319 26.7865 16.5559 26.3385 17.0054C25.8905 17.455 25.6665 18.0087 25.6665 18.6667V28.0001C25.6665 28.6612 25.8905 29.2157 26.3385 29.6637C26.7865 30.1117 27.3403 30.335 27.9998 30.3334ZM27.9998 51.3334C24.7721 51.3334 21.7387 50.7205 18.8998 49.4947C16.061 48.269 13.5915 46.6069 11.4915 44.5084C9.39151 42.41 7.7294 39.9405 6.50517 37.1001C5.28095 34.2596 4.66806 31.2263 4.66651 28.0001C4.66495 24.7739 5.27784 21.7405 6.50517 18.9001C7.73251 16.0596 9.39462 13.5902 11.4915 11.4917C13.5884 9.3933 16.0578 7.73119 18.8998 6.50541C21.7418 5.27964 24.7752 4.66675 27.9998 4.66675C31.2245 4.66675 34.2578 5.27964 37.0998 6.50541C39.9418 7.73119 42.4113 9.3933 44.5082 11.4917C46.6051 13.5902 48.2679 16.0596 49.4968 18.9001C50.7257 21.7405 51.3378 24.7739 51.3332 28.0001C51.3285 31.2263 50.7156 34.2596 49.4945 37.1001C48.2734 39.9405 46.6113 42.41 44.5082 44.5084C42.4051 46.6069 39.9356 48.2697 37.0998 49.4971C34.2641 50.7244 31.2307 51.3365 27.9998 51.3334Z\" fill=\"#A1A3B6\"/>\n</symbol>\n<symbol id=\"icon-file\" viewBox=\"0 0 24 24\">\n<path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M14 2V8H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 18V12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M9 15H15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-file-text\" viewBox=\"0 0 24 24\">\n<path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M14 2V8H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M16 13H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M16 17H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M10 9H9H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-filter\" viewBox=\"0 0 20 20\">\n<path d=\"M17.5 9.99957H7.48243M7.48243 9.99957C7.48243 10.493 7.2954 10.9663 6.96391 11.3152C6.63243 11.6641 6.18284 11.8602 5.71405 11.8602C5.24527 11.8602 4.79568 11.6641 4.4642 11.3152C4.13271 10.9663 3.94649 10.493 3.94649 9.99957M7.48243 9.99957C7.48243 9.50611 7.2954 9.03286 6.96391 8.68393C6.63243 8.335 6.18284 8.13898 5.71405 8.13898C5.24527 8.13898 4.79568 8.335 4.4642 8.68393C4.13271 9.03286 3.94649 9.50611 3.94649 9.99957M3.94649 9.99957H2.5M17.5 15.6385H12.8395M12.8395 15.6385C12.8395 16.1321 12.6528 16.6059 12.3212 16.9549C11.9897 17.3039 11.54 17.5 11.0711 17.5C10.6023 17.5 10.1527 17.3031 9.82122 16.9542C9.48974 16.6053 9.30351 16.132 9.30351 15.6385M12.8395 15.6385C12.8395 15.145 12.6528 14.672 12.3212 14.323C11.9897 13.974 11.54 13.778 11.0711 13.778C10.6023 13.778 10.1527 13.974 9.82122 14.3229C9.48974 14.6718 9.30351 15.1451 9.30351 15.6385M9.30351 15.6385H2.5M17.5 4.3606H14.9824M14.9824 4.3606C14.9824 4.60493 14.9359 4.84688 14.8471 5.07262C14.7582 5.29836 14.628 5.50347 14.4639 5.67624C14.2998 5.84901 14.1049 5.98606 13.8905 6.07957C13.676 6.17307 13.4462 6.22119 13.2141 6.22119C12.7453 6.22119 12.2957 6.02517 11.9642 5.67624C11.6327 5.32731 11.4465 4.85406 11.4465 4.3606M14.9824 4.3606C14.9824 4.11626 14.9359 3.87432 14.8471 3.64858C14.7582 3.42284 14.628 3.21773 14.4639 3.04496C14.2998 2.87218 14.1049 2.73513 13.8905 2.64163C13.676 2.54813 13.4462 2.5 13.2141 2.5C12.7453 2.5 12.2957 2.69603 11.9642 3.04496C11.6327 3.39389 11.4465 3.86714 11.4465 4.3606M11.4465 4.3606H2.5\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"/>\n</symbol>\n<symbol id=\"icon-graph-active\" viewBox=\"0 0 24 24\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.464 3.464C2 4.93 2 7.286 2 12C2 16.714 2 19.071 3.464 20.535C4.93 22 7.286 22 12 22C16.714 22 19.071 22 20.535 20.535C22 19.072 22 16.714 22 12C22 7.286 22 4.929 20.535 3.464C19.072 2 16.714 2 12 2C7.286 2 4.929 2 3.464 3.464ZM13.75 10C13.75 10.414 14.086 10.75 14.5 10.75H15.19L13.177 12.763C13.1538 12.7863 13.1262 12.8048 13.0958 12.8174C13.0654 12.83 13.0329 12.8364 13 12.8364C12.9671 12.8364 12.9346 12.83 12.9042 12.8174C12.8738 12.8048 12.8462 12.7863 12.823 12.763L11.237 11.177C10.9088 10.8491 10.4639 10.6649 10 10.6649C9.53609 10.6649 9.09115 10.8491 8.763 11.177L6.47 13.47C6.39631 13.5387 6.33721 13.6215 6.29622 13.7135C6.25523 13.8055 6.23319 13.9048 6.23141 14.0055C6.22963 14.1062 6.24816 14.2062 6.28588 14.2996C6.3236 14.393 6.37974 14.4778 6.45096 14.549C6.52218 14.6203 6.60701 14.6764 6.7004 14.7141C6.79379 14.7518 6.89382 14.7704 6.99452 14.7686C7.09523 14.7668 7.19454 14.7448 7.28654 14.7038C7.37854 14.6628 7.46134 14.6037 7.53 14.53L9.823 12.237C9.84622 12.2137 9.87381 12.1952 9.90418 12.1826C9.93456 12.17 9.96712 12.1636 10 12.1636C10.0329 12.1636 10.0654 12.17 10.0958 12.1826C10.1262 12.1952 10.1538 12.2137 10.177 12.237L11.763 13.823C12.0912 14.1509 12.5361 14.3351 13 14.3351C13.4639 14.3351 13.9088 14.1509 14.237 13.823L16.25 11.811V12.5C16.25 12.6989 16.329 12.8897 16.4697 13.0303C16.6103 13.171 16.8011 13.25 17 13.25C17.1989 13.25 17.3897 13.171 17.5303 13.0303C17.671 12.8897 17.75 12.6989 17.75 12.5V10C17.75 9.80109 17.671 9.61032 17.5303 9.46967C17.3897 9.32902 17.1989 9.25 17 9.25H14.5C14.3011 9.25 14.1103 9.32902 13.9697 9.46967C13.829 9.61032 13.75 9.80109 13.75 10Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-graph-default\" viewBox=\"0 0 24 24\">\n<path d=\"M12 3C14.3853 3 16.074 3.00186 17.3535 3.17383C18.4481 3.32095 19.1275 3.57993 19.625 3.9873L19.8281 4.1709C20.3439 4.68663 20.658 5.39607 20.8262 6.64648C20.9982 7.92596 21 9.61472 21 12C21 14.3853 20.9982 16.074 20.8262 17.3535C20.658 18.6042 20.3434 19.3126 19.8281 19.8271V19.8281C19.3129 20.3437 18.6031 20.658 17.3525 20.8262C16.0732 20.9982 14.385 21 12 21C9.61485 21 7.92678 20.9982 6.64746 20.8262C5.5532 20.679 4.87291 20.4199 4.37402 20.0117L4.1709 19.8281C3.65577 19.313 3.34195 18.6039 3.17383 17.3535C3.00186 16.0741 3 14.3853 3 12C3 9.61491 3.0019 7.92683 3.17383 6.64746C3.34192 5.39691 3.65522 4.6863 4.1709 4.16992C4.68656 3.65499 5.39648 3.34186 6.64648 3.17383C7.92602 3.00186 9.61474 3 12 3Z\" stroke=\"currentColor\" stroke-width=\"2\"/>\r\n<path d=\"M14.5 9.75012H17C17.0663 9.75012 17.1299 9.77648 17.1768 9.82336C17.2236 9.87024 17.25 9.93385 17.25 10.0001V12.5001C17.25 12.5664 17.2236 12.63 17.1768 12.6769C17.1299 12.7237 17.0663 12.7501 17 12.7501C16.9337 12.7501 16.8701 12.7237 16.8232 12.6769C16.7764 12.63 16.75 12.5664 16.75 12.5001V10.6046L15.8965 11.4572L13.8838 13.4689C13.6494 13.7031 13.3314 13.8351 13 13.8351C12.6686 13.8351 12.3506 13.7031 12.1162 13.4689H12.1152L10.5312 11.8839C10.4963 11.8489 10.4579 11.8175 10.417 11.7902L10.2871 11.7208L10.1465 11.6779C10.0984 11.6683 10.0493 11.6632 10 11.6632C9.9507 11.6632 9.90163 11.6683 9.85352 11.6779L9.71289 11.7208C9.66743 11.7397 9.62372 11.7629 9.58301 11.7902L9.46875 11.8839L7.17676 14.1769L7.16992 14.1827L7.16406 14.1896C7.14123 14.214 7.11354 14.2336 7.08301 14.2472C7.05236 14.2608 7.01889 14.2681 6.98535 14.2687C6.9519 14.2692 6.91872 14.2627 6.8877 14.2501C6.85664 14.2376 6.82839 14.2191 6.80469 14.1954C6.78095 14.1717 6.7616 14.1436 6.74902 14.1124C6.73653 14.0815 6.73092 14.0481 6.73145 14.0148C6.73204 13.9813 6.73931 13.9477 6.75293 13.9171C6.76654 13.8866 6.78612 13.8589 6.81055 13.8361L6.81738 13.8302L6.82324 13.8234L9.11621 11.5304C9.3506 11.2962 9.66865 11.1652 10 11.1652C10.3314 11.1652 10.6494 11.2962 10.8838 11.5304L12.4688 13.1154V13.1163C12.5384 13.1862 12.6218 13.2416 12.7129 13.2794C12.8039 13.3171 12.9015 13.3361 13 13.3361C13.0985 13.3361 13.1961 13.3171 13.2871 13.2794C13.3782 13.2416 13.4606 13.1852 13.5303 13.1154L15.5439 11.1036L16.3975 10.2501H14.5C14.3622 10.2501 14.2501 10.1379 14.25 10.0001C14.25 9.93385 14.2764 9.87024 14.3232 9.82336C14.3701 9.77648 14.4337 9.75012 14.5 9.75012Z\" stroke=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-graphic-camera\" viewBox=\"0 0 38 32\">\n<g clip-path=\"url(#clip0_213_2401)\">\r\n<path d=\"M35.253 4H0.666667C0.298477 4 0 4.29848 0 4.66667V29.3712C0 29.9135 0.612913 30.2289 1.05416 29.9137L35.6405 5.20916C36.1683 4.83219 35.9016 4 35.253 4Z\" fill=\"#FFCEC7\"/>\r\n<path d=\"M2.08047 32H36.6668C37.035 32 37.3335 31.7015 37.3335 31.3333V6.62879C37.3335 6.08654 36.7206 5.77113 36.2793 6.0863L1.69298 30.7908C1.16523 31.1678 1.43191 32 2.08047 32Z\" fill=\"#FFB6AC\"/>\r\n<circle cx=\"18.6667\" cy=\"17.3334\" r=\"8.66667\" fill=\"#FFEFED\"/>\r\n<circle cx=\"18.6668\" cy=\"17.3333\" r=\"7.33333\" fill=\"#FF604A\"/>\r\n<path d=\"M27.5286 0.471404C27.7889 0.211054 28.2111 0.211055 28.4714 0.471405L32 4H24L27.5286 0.471404Z\" fill=\"#FFB6AC\"/>\r\n<path d=\"M6.73613 0.423275C6.83626 0.167953 7.08253 0 7.35678 0H16.6435C16.9178 0 17.1641 0.167954 17.2642 0.423275L18.6668 4H5.3335L6.73613 0.423275Z\" fill=\"#FFB6AC\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0_213_2401\">\r\n<rect width=\"38\" height=\"32\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\n</symbol>\n<symbol id=\"icon-graphic-gallery\" viewBox=\"0 0 32 32\">\n<g clip-path=\"url(#clip0_213_2452)\">\r\n<rect x=\"2\" width=\"30\" height=\"30\" rx=\"2.66667\" fill=\"#FF806E\"/>\r\n<g clip-path=\"url(#clip1_213_2452)\">\r\n<rect y=\"2.66675\" width=\"29.3333\" height=\"29.3333\" rx=\"2.66667\" fill=\"white\"/>\r\n<rect y=\"2.66675\" width=\"14.6667\" height=\"14.6667\" fill=\"#FFB6AC\"/>\r\n<rect y=\"17.3335\" width=\"14.6667\" height=\"14.6667\" fill=\"#FFCEC7\"/>\r\n<rect x=\"14.6665\" y=\"2.66675\" width=\"14.6667\" height=\"14.6667\" fill=\"#FFCEC7\"/>\r\n<rect x=\"14.6665\" y=\"17.3335\" width=\"14.6667\" height=\"14.6667\" fill=\"#FFB6AC\"/>\r\n<path d=\"M9.6664 10.3882H7.72195V12.3327C7.72195 12.4358 7.68098 12.5347 7.60805 12.6076C7.53512 12.6806 7.4362 12.7215 7.33306 12.7215C7.22992 12.7215 7.13101 12.6806 7.05808 12.6076C6.98515 12.5347 6.94417 12.4358 6.94417 12.3327V10.3882H4.99973C4.89659 10.3882 4.79767 10.3472 4.72474 10.2743C4.65181 10.2014 4.61084 10.1025 4.61084 9.99932C4.61084 9.89618 4.65181 9.79727 4.72474 9.72434C4.79767 9.65141 4.89659 9.61043 4.99973 9.61043H6.94417V7.66599C6.94417 7.56285 6.98515 7.46393 7.05808 7.391C7.13101 7.31807 7.22992 7.2771 7.33306 7.2771C7.4362 7.2771 7.53512 7.31807 7.60805 7.391C7.68098 7.46393 7.72195 7.56285 7.72195 7.66599V9.61043H9.6664C9.76954 9.61043 9.86845 9.65141 9.94138 9.72434C10.0143 9.79727 10.0553 9.89618 10.0553 9.99932C10.0553 10.1025 10.0143 10.2014 9.94138 10.2743C9.86845 10.3472 9.76954 10.3882 9.6664 10.3882Z\" fill=\"#FF604A\"/>\r\n<path d=\"M24.3334 10.3884H19.6667C19.5636 10.3884 19.4647 10.3474 19.3917 10.2745C19.3188 10.2015 19.2778 10.1026 19.2778 9.99948C19.2778 9.89634 19.3188 9.79743 19.3917 9.7245C19.4647 9.65157 19.5636 9.6106 19.6667 9.6106H24.3334C24.4365 9.6106 24.5354 9.65157 24.6084 9.7245C24.6813 9.79743 24.7223 9.89634 24.7223 9.99948C24.7223 10.1026 24.6813 10.2015 24.6084 10.2745C24.5354 10.3474 24.4365 10.3884 24.3334 10.3884Z\" fill=\"#FF9486\"/>\r\n<path d=\"M7.33331 25.211L5.42776 27.1166C5.35646 27.1879 5.26572 27.2235 5.15553 27.2235C5.04535 27.2235 4.95461 27.1879 4.88331 27.1166C4.81202 27.0453 4.77637 26.9545 4.77637 26.8443C4.77637 26.7342 4.81202 26.6434 4.88331 26.5721L6.78887 24.6666L4.88331 22.761C4.81202 22.6897 4.77637 22.599 4.77637 22.4888C4.77637 22.3786 4.81202 22.2879 4.88331 22.2166C4.95461 22.1453 5.04535 22.1096 5.15553 22.1096C5.26572 22.1096 5.35646 22.1453 5.42776 22.2166L7.33331 24.1221L9.23887 22.2166C9.31016 22.1453 9.4009 22.1096 9.51109 22.1096C9.62127 22.1096 9.71202 22.1453 9.78331 22.2166C9.85461 22.2879 9.89026 22.3786 9.89026 22.4888C9.89026 22.599 9.85461 22.6897 9.78331 22.761L7.87776 24.6666L9.78331 26.5721C9.85461 26.6434 9.89026 26.7342 9.89026 26.8443C9.89026 26.9545 9.85461 27.0453 9.78331 27.1166C9.71202 27.1879 9.62127 27.2235 9.51109 27.2235C9.4009 27.2235 9.31016 27.1879 9.23887 27.1166L7.33331 25.211Z\" fill=\"#FF9486\"/>\r\n<path d=\"M19.6667 24.2779H24.3334C24.4365 24.2779 24.5354 24.3189 24.6084 24.3918C24.6813 24.4647 24.7223 24.5636 24.7223 24.6668C24.7223 24.7699 24.6813 24.8688 24.6084 24.9418C24.5354 25.0147 24.4365 25.0557 24.3334 25.0557H19.6667C19.5636 25.0557 19.4647 25.0147 19.3917 24.9418C19.3188 24.8688 19.2778 24.7699 19.2778 24.6668C19.2778 24.5636 19.3188 24.4647 19.3917 24.3918C19.4647 24.3189 19.5636 24.2779 19.6667 24.2779ZM22.0008 21.5557C21.7946 21.5555 21.5966 21.6372 21.4506 21.7829C21.3046 21.9286 21.2225 22.1264 21.2223 22.3327C21.2221 22.5389 21.3038 22.7369 21.4495 22.8829C21.5952 23.0289 21.793 23.111 21.9993 23.1112C22.2056 23.1114 22.4035 23.0297 22.5495 22.884C22.6955 22.7382 22.7776 22.5405 22.7778 22.3342C22.778 22.1279 22.6963 21.93 22.5506 21.784C22.4049 21.638 22.2071 21.5559 22.0008 21.5557ZM22.0008 26.2223C21.7946 26.2221 21.5966 26.3039 21.4506 26.4496C21.3046 26.5953 21.2225 26.7931 21.2223 26.9993C21.2221 27.2056 21.3038 27.4035 21.4495 27.5495C21.5952 27.6955 21.793 27.7777 21.9993 27.7779C22.2056 27.7781 22.4035 27.6963 22.5495 27.5506C22.6955 27.4049 22.7776 27.2072 22.7778 27.0009C22.778 26.7946 22.6963 26.5967 22.5506 26.4507C22.4049 26.3047 22.2071 26.2225 22.0008 26.2223Z\" fill=\"#FF604A\"/>\r\n</g>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0_213_2452\">\r\n<rect width=\"32\" height=\"32\" fill=\"white\"/>\r\n</clipPath>\r\n<clipPath id=\"clip1_213_2452\">\r\n<rect y=\"2.66675\" width=\"29.3333\" height=\"29.3333\" rx=\"2.66667\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\n</symbol>\n<symbol id=\"icon-home-active\" viewBox=\"0 0 24 24\">\n<path d=\"M14.2802 2.78994L20.0402 6.81994C21.1402 7.58994 22.0102 9.24994 22.0102 10.5999V19.3799C22.0102 21.9299 19.9402 21.9999 17.3902 21.9999L15.5 21.9999C15.2239 21.9999 15 21.7761 15 21.4999V17.9999C15 16.3431 13.6569 14.9999 12 14.9999C10.3431 14.9999 9 16.3431 9 17.9999V21.4999C9 21.7761 8.77614 21.9999 8.5 21.9999L6.61023 21.9999C4.06023 21.9999 1.99023 21.9199 1.99023 19.3699V10.4699C1.99023 9.20994 2.78023 7.60994 3.78023 6.82994L8.79023 2.91994C10.3002 1.74994 12.7102 1.68994 14.2802 2.78994Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-home-default\" viewBox=\"0 0 24 24\">\n<path d=\"M9.4043 3.70728C10.568 2.80767 12.4959 2.76104 13.7061 3.60864L13.707 3.60962L19.4668 7.63892C19.8552 7.91081 20.2509 8.38094 20.5508 8.95532C20.8506 9.52971 21.0097 10.1234 21.0098 10.5999V19.3801C21.0097 19.8848 20.9078 20.1644 20.8047 20.3254C20.7065 20.4788 20.5533 20.6094 20.2832 20.718C19.6632 20.9673 18.7235 21.0002 17.3906 21.0002H16V18.0002C16 15.7911 14.2091 14.0002 12 14.0002C9.79086 14.0002 8 15.7911 8 18.0002V21.0002H6.61035C5.27926 21.0002 4.33921 20.965 3.71973 20.7141C3.44971 20.6047 3.29527 20.4734 3.19629 20.3186C3.09249 20.1561 2.99029 19.8749 2.99023 19.3704V10.47C2.99023 10.0311 3.13335 9.46762 3.40723 8.91138C3.64656 8.42535 3.95349 8.01116 4.2627 7.73071L4.39551 7.61841L9.40527 3.70825L9.4043 3.70728Z\" stroke=\"currentColor\" stroke-width=\"2\"/>\n</symbol>\n<symbol id=\"icon-kakao\" viewBox=\"0 0 24 24\">\n<g clip-path=\"url(#clip0_75_62)\">\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 3.59998C7.02917 3.59998 3 6.71293 3 10.5523C3 12.94 4.5584 15.0449 6.93152 16.2969L5.93303 19.9445C5.84481 20.2668 6.21341 20.5237 6.49646 20.3369L10.8733 17.4482C11.2427 17.4838 11.6181 17.5046 12 17.5046C16.9705 17.5046 20.9999 14.3918 20.9999 10.5523C20.9999 6.71293 16.9705 3.59998 12 3.59998Z\" fill=\"currentColor\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0_75_62\">\r\n<rect width=\"17.9999\" height=\"18\" fill=\"white\" transform=\"translate(3 3)\"/>\r\n</clipPath>\r\n</defs>\n</symbol>\n<symbol id=\"icon-lock\" viewBox=\"0 0 24 24\">\n<path d=\"M19 11H5C3.89543 11 3 11.8954 3 13V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V13C21 11.8954 20.1046 11 19 11Z\" stroke=\"#FF604A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M7 11V7C7 5.67392 7.52678 4.40215 8.46447 3.46447C9.40215 2.52678 10.6739 2 12 2C13.3261 2 14.5979 2.52678 15.5355 3.46447C16.4732 4.40215 17 5.67392 17 7V11\" stroke=\"#FF604A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-log-out\" viewBox=\"0 0 24 24\">\n<path d=\"M9 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M16 17L21 12L16 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M21 12H9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-logo-default\" viewBox=\"0 0 69 22\">\n<path d=\"M22.7416 21.5056V1.16612C22.7416 0.72961 22.2172 0.507293 21.9035 0.810793L0.878355 21.1503C0.558947 21.4593 0.777685 22 1.22209 22H22.2472C22.5202 22 22.7416 21.7787 22.7416 21.5056Z\" fill=\"#FF604A\"/>\r\n<path d=\"M34.8 6.08274C34.8 7.31387 34.9448 8.50477 35.2345 9.65543C35.5322 10.8061 35.9909 11.8602 36.6105 12.8177C37.2381 13.7672 38.0267 14.5397 38.9762 15.1351L37.4795 17.2594C36.5381 16.6881 35.7374 15.9237 35.0776 14.9662C34.4258 14.0006 33.9109 12.8982 33.5327 11.659C33.1223 13.043 32.555 14.254 31.8308 15.2921C31.1147 16.3301 30.2617 17.1468 29.272 17.7422L27.6305 15.6904C28.6444 15.0869 29.4893 14.2862 30.1652 13.2885C30.8491 12.2907 31.3561 11.1843 31.686 9.96924C32.0159 8.75421 32.1849 7.50699 32.1929 6.22758V2.36522H34.8V6.08274ZM46.1795 21.2193H43.5965V0.780688H46.1795V21.2193ZM42.2833 21.1942H39.7245V10.1382H36.6588V7.91736H39.7245V0.796138H42.2833V21.1942Z\" fill=\"#3F4150\"/>\r\n<path d=\"M65.9781 12.4823H59.4528V17.3017H68.3024V19.6005H47.9088V17.3017H56.6842V12.4823H50.1334V6.48721L55.194 1.67959H65.9781V12.4823ZM52.8522 10.2567H63.2594V3.9042H52.8522V10.2567Z\" fill=\"#3F4150\"/>\r\n<path d=\"M50.1335 1.67959L50.1335 5.49495L54.1996 1.67959L50.1335 1.67959Z\" fill=\"#FF604A\"/>\n</symbol>\n<symbol id=\"icon-message-square\" viewBox=\"0 0 24 24\">\n<path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-minus\" viewBox=\"0 0 24 24\">\n<path d=\"M18 12.998H6C5.73478 12.998 5.48043 12.8927 5.29289 12.7052C5.10536 12.5176 5 12.2633 5 11.998C5 11.7328 5.10536 11.4785 5.29289 11.2909C5.48043 11.1034 5.73478 10.998 6 10.998H18C18.2652 10.998 18.5196 11.1034 18.7071 11.2909C18.8946 11.4785 19 11.7328 19 11.998C19 12.2633 18.8946 12.5176 18.7071 12.7052C18.5196 12.8927 18.2652 12.998 18 12.998Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-modal-icon\" viewBox=\"0 0 65 60\">\n<path d=\"M37.4558 13.905C39.5428 13.905 41.5443 14.7341 43.02 16.2098C44.4957 17.6855 45.3247 19.687 45.3247 21.7739V51.3609C45.3247 53.4478 44.4957 55.4493 43.02 56.925C41.5443 58.4007 39.5428 59.2298 37.4558 59.2298H20.1443V46.9543C20.1443 44.8674 19.3153 42.8659 17.8396 41.3902C16.3639 39.9145 14.3624 39.0854 12.2754 39.0854H-2.28882e-05V21.7739C-2.28882e-05 19.687 0.829014 17.6855 2.30471 16.2098C3.78041 14.7341 5.78189 13.905 7.86885 13.905H37.4558ZM0.696217 42.233H12.2754C13.5276 42.233 14.7285 42.7304 15.6139 43.6158C16.4993 44.5013 16.9967 45.7021 16.9967 46.9543V58.5335C16.131 58.1409 15.343 57.5959 14.6701 56.9245L2.30524 44.5609C1.63369 43.8877 1.08868 43.0991 0.696217 42.233Z\" fill=\"#FFCEC7\"/>\r\n<path d=\"M23.6707 41.3463H35.3906C36.0575 41.3463 36.3914 40.54 35.9199 40.0685L24.2 28.3486C23.7285 27.8771 22.9222 28.211 22.9222 28.8779V40.5978C22.9222 41.0112 23.2573 41.3463 23.6707 41.3463Z\" fill=\"#FF604A\"/>\r\n<rect x=\"24.4517\" y=\"26.3574\" width=\"28.551\" height=\"8.72392\" transform=\"rotate(-45 24.4517 26.3574)\" fill=\"#FFB6AC\"/>\r\n<rect x=\"31.7417\" y=\"33.6478\" width=\"28.551\" height=\"8.72392\" transform=\"rotate(-45 31.7417 33.6478)\" fill=\"#FF9486\"/>\r\n<path d=\"M45.7622 5.04724L49.9975 0.811983C50.4459 0.363585 51.1729 0.363585 51.6213 0.811984L63.4565 12.6473C63.9049 13.0957 63.9049 13.8227 63.4565 14.2711L59.2213 18.5063L45.7622 5.04724Z\" fill=\"#FF806E\"/>\n</symbol>\n<symbol id=\"icon-more\" viewBox=\"0 0 24 24\">\n<path d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-multiple\" viewBox=\"0 0 24 24\">\n<path d=\"M11.9998 13.4L7.0998 18.3C6.91647 18.4834 6.68314 18.575 6.3998 18.575C6.11647 18.575 5.88314 18.4834 5.6998 18.3C5.51647 18.1167 5.4248 17.8834 5.4248 17.6C5.4248 17.3167 5.51647 17.0834 5.6998 16.9L10.5998 12L5.6998 7.10005C5.51647 6.91672 5.4248 6.68338 5.4248 6.40005C5.4248 6.11672 5.51647 5.88338 5.6998 5.70005C5.88314 5.51672 6.11647 5.42505 6.3998 5.42505C6.68314 5.42505 6.91647 5.51672 7.0998 5.70005L11.9998 10.6L16.8998 5.70005C17.0831 5.51672 17.3165 5.42505 17.5998 5.42505C17.8831 5.42505 18.1165 5.51672 18.2998 5.70005C18.4831 5.88338 18.5748 6.11672 18.5748 6.40005C18.5748 6.68338 18.4831 6.91672 18.2998 7.10005L13.3998 12L18.2998 16.9C18.4831 17.0834 18.5748 17.3167 18.5748 17.6C18.5748 17.8834 18.4831 18.1167 18.2998 18.3C18.1165 18.4834 17.8831 18.575 17.5998 18.575C17.3165 18.575 17.0831 18.4834 16.8998 18.3L11.9998 13.4Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-note-active\" viewBox=\"0 0 24 24\">\n<path d=\"M17.0703 3.72827C18.1748 3.72838 19.0703 4.62377 19.0703 5.72827V14.8416H14.5938C13.4892 14.8416 12.5938 15.737 12.5938 16.8416V21.0955H6.05762C4.95319 21.0955 4.05785 20.1998 4.05762 19.0955V5.72827C4.05762 4.6237 4.95305 3.72827 6.05762 3.72827H17.0703Z\" fill=\"currentColor\"/>\r\n<path d=\"M17.0703 3.72827L17.0704 2.72827H17.0703V3.72827ZM19.0703 14.8416V15.8416H20.0703V14.8416H19.0703ZM12.5938 21.0955V22.0955H13.5938V21.0955H12.5938ZM4.05762 19.0955H3.05762V19.0957L4.05762 19.0955ZM17.0703 3.72827L17.0702 4.72827C17.6226 4.72833 18.0703 5.17615 18.0703 5.72827H19.0703H20.0703C20.0703 4.07139 18.727 2.72843 17.0704 2.72827L17.0703 3.72827ZM19.0703 5.72827H18.0703V14.8416H19.0703H20.0703V5.72827H19.0703ZM19.0703 14.8416V13.8416H14.5938V14.8416V15.8416H19.0703V14.8416ZM14.5938 14.8416V13.8416C12.9369 13.8416 11.5938 15.1847 11.5938 16.8416H12.5938H13.5938C13.5938 16.2893 14.0415 15.8416 14.5938 15.8416V14.8416ZM12.5938 16.8416H11.5938V21.0955H12.5938H13.5938V16.8416H12.5938ZM12.5938 21.0955V20.0955H6.05762V21.0955V22.0955H12.5938V21.0955ZM6.05762 21.0955V20.0955C5.50569 20.0955 5.05774 19.6477 5.05762 19.0952L4.05762 19.0955L3.05762 19.0957C3.05797 20.7519 4.4007 22.0955 6.05762 22.0955V21.0955ZM4.05762 19.0955H5.05762V5.72827H4.05762H3.05762V19.0955H4.05762ZM4.05762 5.72827H5.05762C5.05762 5.17599 5.50533 4.72827 6.05762 4.72827V3.72827V2.72827C4.40076 2.72827 3.05762 4.07142 3.05762 5.72827H4.05762ZM6.05762 3.72827V4.72827H17.0703V3.72827V2.72827H6.05762V3.72827Z\" fill=\"currentColor\"/>\r\n<path d=\"M8.30127 7.95886H14.8263\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n<path d=\"M8.30127 11.712H14.8263\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n<path d=\"M8.30127 15.4652H10.7481\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n<path d=\"M7.25488 3.46815L7.25488 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n<path d=\"M11.564 3.46815L11.564 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n<path d=\"M15.873 3.46815L15.873 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n<path d=\"M15.4282 16.9861H18.7349L14.9282 20.7927V17.4861C14.9282 17.2099 15.1521 16.9861 15.4282 16.9861Z\" fill=\"currentColor\" stroke=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-note-default\" viewBox=\"0 0 24 24\">\n<path d=\"M17.0703 3.72827L17.0704 2.72827H17.0703V3.72827ZM19.0703 14.8416V15.8416H20.0703V14.8416H19.0703ZM12.5938 21.0955V22.0955H13.5938V21.0955H12.5938ZM4.05762 19.0955H3.05762V19.0957L4.05762 19.0955ZM17.0703 3.72827L17.0702 4.72827C17.6226 4.72833 18.0703 5.17615 18.0703 5.72827H19.0703H20.0703C20.0703 4.07139 18.727 2.72843 17.0704 2.72827L17.0703 3.72827ZM19.0703 5.72827H18.0703V14.8416H19.0703H20.0703V5.72827H19.0703ZM19.0703 14.8416V13.8416H14.5938V14.8416V15.8416H19.0703V14.8416ZM14.5938 14.8416V13.8416C12.9369 13.8416 11.5938 15.1847 11.5938 16.8416H12.5938H13.5938C13.5938 16.2893 14.0415 15.8416 14.5938 15.8416V14.8416ZM12.5938 16.8416H11.5938V21.0955H12.5938H13.5938V16.8416H12.5938ZM12.5938 21.0955V20.0955H6.05762V21.0955V22.0955H12.5938V21.0955ZM6.05762 21.0955V20.0955C5.50569 20.0955 5.05774 19.6477 5.05762 19.0952L4.05762 19.0955L3.05762 19.0957C3.05797 20.7519 4.4007 22.0955 6.05762 22.0955V21.0955ZM4.05762 19.0955H5.05762V5.72827H4.05762H3.05762V19.0955H4.05762ZM4.05762 5.72827H5.05762C5.05762 5.17599 5.50533 4.72827 6.05762 4.72827V3.72827V2.72827C4.40076 2.72827 3.05762 4.07142 3.05762 5.72827H4.05762ZM6.05762 3.72827V4.72827H17.0703V3.72827V2.72827H6.05762V3.72827Z\" fill=\"currentColor\"/>\r\n<path d=\"M8.30127 7.95886H14.8263\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n<path d=\"M8.30127 11.712H14.8263\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n<path d=\"M8.30127 15.4652H10.7481\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n<path d=\"M7.25488 3.46815L7.25488 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n<path d=\"M11.564 3.46815L11.564 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n<path d=\"M15.873 3.46815L15.873 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n<path d=\"M19.9421 16.4861H15.4282C14.8759 16.4861 14.4282 16.9338 14.4282 17.4861V22L19.9421 16.4861Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-plus\" viewBox=\"0 0 24 24\">\n<path d=\"M18 12.998H13V17.998C13 18.2633 12.8946 18.5176 12.7071 18.7052C12.5196 18.8927 12.2652 18.998 12 18.998C11.7348 18.998 11.4804 18.8927 11.2929 18.7052C11.1054 18.5176 11 18.2633 11 17.998V12.998H6C5.73478 12.998 5.48043 12.8927 5.29289 12.7052C5.10536 12.5176 5 12.2633 5 11.998C5 11.7328 5.10536 11.4785 5.29289 11.2909C5.48043 11.1034 5.73478 10.998 6 10.998H11V5.99805C11 5.73283 11.1054 5.47848 11.2929 5.29094C11.4804 5.1034 11.7348 4.99805 12 4.99805C12.2652 4.99805 12.5196 5.1034 12.7071 5.29094C12.8946 5.47848 13 5.73283 13 5.99805V10.998H18C18.2652 10.998 18.5196 11.1034 18.7071 11.2909C18.8946 11.4785 19 11.7328 19 11.998C19 12.2633 18.8946 12.5176 18.7071 12.7052C18.5196 12.8927 18.2652 12.998 18 12.998Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-plus-circle\" viewBox=\"0 0 24 24\">\n<path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 8V16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M8 12H16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-pro-modal\" viewBox=\"0 0 64 64\">\n<rect x=\"30.667\" y=\"10.6667\" width=\"2.66667\" height=\"10.6667\" fill=\"#D9D9D9\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M29.7261 18.6667H34.2716C35.0275 18.6665 35.7623 18.9154 36.3623 19.375C36.9623 19.8347 37.394 20.4794 37.5906 21.2092L40.5797 32.3032H23.4113L26.4107 21.2092C26.607 20.4799 27.0382 19.8357 27.6375 19.3761C28.2369 18.9165 28.9709 18.6672 29.7261 18.6667ZM48.3547 61.184H15.6465L19.2609 47.764H44.7403L48.3547 61.184Z\" fill=\"#FFB6AC\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.4109 32.3032H40.5759L44.74 47.7641H19.2605L23.4109 32.3032ZM10.7399 58.6073C10.0565 58.6073 9.40106 58.8787 8.91781 59.362C8.43457 59.8452 8.16309 60.5006 8.16309 61.1841C8.16309 61.8675 8.43457 62.5229 8.91781 63.0061C9.40106 63.4894 10.0565 63.7609 10.7399 63.7609H53.2606C53.944 63.7609 54.5994 63.4894 55.0827 63.0061C55.5659 62.5229 55.8374 61.8675 55.8374 61.1841C55.8374 60.5006 55.5659 59.8452 55.0827 59.362C54.5994 58.8787 53.944 58.6073 53.2606 58.6073H10.7399Z\" fill=\"#FF806E\"/>\r\n<path d=\"M33.333 10.6667V0.755754C33.333 0.476862 32.9958 0.337193 32.7986 0.534399L23.2007 10.1323C23.0035 10.3295 23.1432 10.6667 23.4221 10.6667H33.333Z\" fill=\"#FF604A\"/>\n</symbol>\n<symbol id=\"icon-reset\" viewBox=\"0 0 24 24\">\n<path d=\"M21.9961 3.99805V9.99805H15.9961\" stroke=\"#515468\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M19.486 14.9981C18.8359 16.838 17.6055 18.4168 15.9801 19.4966C14.3547 20.5764 12.4224 21.0986 10.4744 20.9846C8.52636 20.8707 6.66813 20.1267 5.17973 18.8647C3.69133 17.6028 2.6534 15.8913 2.22234 13.9881C1.79128 12.085 1.99045 10.0932 2.78984 8.31313C3.58922 6.53301 4.94551 5.06092 6.65433 4.1187C8.36314 3.17648 10.3319 2.81516 12.2639 3.0892C14.196 3.36325 15.9866 4.2578 17.366 5.63806L21.996 9.99806\" stroke=\"#515468\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-search\" viewBox=\"0 0 24 24\">\n<path d=\"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M20.9999 21L16.6499 16.65\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-star\" viewBox=\"0 0 24 24\">\n<path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-target\" viewBox=\"0 0 16 16\">\n<g clip-path=\"url(#clip0_974_919)\">\r\n<path d=\"M0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8Z\" fill=\"#FFB6AC\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.1257 0.433132C13.1013 0.33488 13.0513 0.244867 12.9807 0.172302C12.9101 0.0997361 12.8215 0.0472233 12.724 0.0201356C12.6264 -0.00695211 12.5234 -0.0076424 12.4255 0.0181354C12.3276 0.0439132 12.2384 0.0952336 12.1668 0.166846L9.88109 2.45256C9.81139 2.52242 9.76096 2.60913 9.73472 2.70427C9.70849 2.7994 9.70733 2.89971 9.73138 2.99542L10.1428 4.6457L10.1268 4.6617L7.39424 7.39427C7.24283 7.55676 7.1604 7.77167 7.16432 7.99373C7.16824 8.21579 7.2582 8.42766 7.41524 8.5847C7.57228 8.74174 7.78415 8.8317 8.00621 8.83562C8.22827 8.83954 8.44318 8.75711 8.60567 8.6057L11.3405 5.87427L11.3565 5.85713L13.0057 6.2697C13.1014 6.29375 13.2017 6.2926 13.2968 6.26636C13.3919 6.24012 13.4787 6.1897 13.5485 6.11999L15.8342 3.83428C15.9061 3.76275 15.9577 3.67338 15.9837 3.57534C16.0096 3.4773 16.009 3.37411 15.9819 3.27638C15.9548 3.17865 15.9022 3.0899 15.8294 3.01923C15.7567 2.94856 15.6664 2.89853 15.568 2.87428L13.6148 2.38742L13.1257 0.433132ZM8.36224 0.867418C8.37794 1.09413 8.30297 1.31779 8.15381 1.48924C8.00465 1.66069 7.79351 1.76588 7.56681 1.7817C6.37275 1.86445 5.22754 2.28825 4.26727 3.00275C3.30699 3.71724 2.57202 4.69239 2.14968 5.81233C1.72734 6.93226 1.63539 8.1499 1.88475 9.32056C2.13411 10.4912 2.7143 11.5657 3.55638 12.4163C4.39846 13.2669 5.46704 13.8579 6.63513 14.119C7.80322 14.3801 9.02172 14.3005 10.1459 13.8894C11.27 13.4784 12.2525 12.7532 12.9766 11.8002C13.7007 10.8472 14.136 9.7063 14.2308 8.51313C14.2488 8.28641 14.3562 8.07614 14.5293 7.92857C14.7023 7.78101 14.9269 7.70824 15.1537 7.72628C15.3804 7.74431 15.5907 7.85167 15.7382 8.02474C15.8858 8.19781 15.9586 8.42241 15.9405 8.64913C15.8196 10.1694 15.2648 11.623 14.342 12.8372C13.4193 14.0514 12.1674 14.9752 10.735 15.4988C9.30269 16.0225 7.75014 16.124 6.26183 15.7912C4.77353 15.4584 3.41202 14.7054 2.33908 13.6217C1.26613 12.5379 0.526842 11.1689 0.209049 9.67733C-0.108745 8.18575 0.00831389 6.6343 0.546317 5.2073C1.08432 3.7803 2.02065 2.53772 3.24407 1.62721C4.46749 0.716698 5.92656 0.176517 7.44795 0.0708464C7.67466 0.055145 7.89832 0.130115 8.06977 0.279275C8.24122 0.428435 8.34642 0.640718 8.36224 0.867418ZM7.59424 4.63656C7.63531 4.74139 7.65532 4.85329 7.65313 4.96585C7.65095 5.07842 7.62661 5.18945 7.5815 5.29261C7.5364 5.39577 7.47141 5.48903 7.39026 5.56707C7.3091 5.6451 7.21337 5.70639 7.10852 5.74742C6.73371 5.89444 6.40145 6.13254 6.14177 6.44021C5.88208 6.74788 5.70316 7.11541 5.62118 7.50959C5.5392 7.90377 5.55673 8.31216 5.67221 8.69786C5.78768 9.08355 5.99745 9.43439 6.28255 9.71867C6.56766 10.0029 6.91911 10.2117 7.30514 10.326C7.69117 10.4404 8.09961 10.4567 8.49355 10.3736C8.88748 10.2905 9.25449 10.1105 9.5614 9.8499C9.86831 9.58932 10.1055 9.25637 10.2514 8.88113C10.2922 8.77622 10.3533 8.68039 10.4311 8.59909C10.509 8.51779 10.6021 8.45262 10.7052 8.4073C10.8082 8.36199 10.9192 8.33741 11.0317 8.33498C11.1443 8.33255 11.2562 8.35231 11.3611 8.39313C11.466 8.43395 11.5618 8.49504 11.6431 8.5729C11.7244 8.65076 11.7896 8.74387 11.8349 8.84692C11.8802 8.94997 11.9048 9.06093 11.9072 9.17347C11.9097 9.28602 11.8899 9.39794 11.8491 9.50285C11.5998 10.1436 11.1948 10.7122 10.6706 11.1571C10.1465 11.602 9.51966 11.9093 8.8469 12.0512C8.17414 12.193 7.47663 12.165 6.81744 11.9695C6.15825 11.7741 5.55816 11.4175 5.07142 10.9319C4.58468 10.4463 4.22663 9.847 4.02966 9.18827C3.83268 8.52954 3.80298 7.8321 3.94325 7.15901C4.08352 6.48592 4.38932 5.8584 4.83302 5.33318C5.27673 4.80796 5.84433 4.4016 6.48452 4.15085C6.6961 4.06826 6.93181 4.07303 7.13988 4.1641C7.34795 4.25517 7.51136 4.42509 7.59424 4.63656Z\" fill=\"#FF604A\"/>\r\n<circle cx=\"7.99996\" cy=\"7.99999\" r=\"1.33333\" fill=\"#FF604A\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0_974_919\">\r\n<rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\n</symbol>\n<symbol id=\"icon-toast-error\" viewBox=\"0 0 24 24\">\n<path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" fill=\"#FFC852\"/>\r\n<path d=\"M12 8V12\" stroke=\"#515468\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 16H12.01\" stroke=\"#515468\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-toast-success\" viewBox=\"0 0 24 24\">\n<rect x=\"5\" y=\"7\" width=\"13\" height=\"11\" fill=\"white\"/>\r\n<path d=\"M10.6 13.8L8.45 11.65C8.26667 11.4667 8.03333 11.375 7.75 11.375C7.46667 11.375 7.23333 11.4667 7.05 11.65C6.86667 11.8333 6.775 12.0667 6.775 12.35C6.775 12.6333 6.86667 12.8667 7.05 13.05L9.9 15.9C10.1 16.1 10.3333 16.2 10.6 16.2C10.8667 16.2 11.1 16.1 11.3 15.9L16.95 10.25C17.1333 10.0667 17.225 9.83333 17.225 9.55C17.225 9.26667 17.1333 9.03333 16.95 8.85C16.7667 8.66667 16.5333 8.575 16.25 8.575C15.9667 8.575 15.7333 8.66667 15.55 8.85L10.6 13.8ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88334 20.6867 5.825 19.9743 4.925 19.075C4.025 18.1757 3.31267 17.1173 2.788 15.9C2.26333 14.6827 2.00067 13.3827 2 12C1.99933 10.6173 2.262 9.31733 2.788 8.1C3.314 6.88267 4.02633 5.82433 4.925 4.925C5.82367 4.02567 6.882 3.31333 8.1 2.788C9.318 2.26267 10.618 2 12 2C13.382 2 14.682 2.26267 15.9 2.788C17.118 3.31333 18.1763 4.02567 19.075 4.925C19.9737 5.82433 20.6863 6.88267 21.213 8.1C21.7397 9.31733 22.002 10.6173 22 12C21.998 13.3827 21.7353 14.6827 21.212 15.9C20.6887 17.1173 19.9763 18.1757 19.075 19.075C18.1737 19.9743 17.1153 20.687 15.9 21.213C14.6847 21.739 13.3847 22.0013 12 22Z\" fill=\"#08C481\"/>\n</symbol>\n<symbol id=\"icon-trash-chip\" viewBox=\"0 0 16 16\">\n<path d=\"M2 4H3.33333H14\" stroke=\"#727692\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12.6673 3.99998V13.3333C12.6673 13.6869 12.5268 14.0261 12.2768 14.2761C12.0267 14.5262 11.6876 14.6666 11.334 14.6666H4.66732C4.3137 14.6666 3.97456 14.5262 3.72451 14.2761C3.47446 14.0261 3.33398 13.6869 3.33398 13.3333V3.99998M5.33398 3.99998V2.66665C5.33398 2.31302 5.47446 1.97389 5.72451 1.72384C5.97456 1.47379 6.3137 1.33331 6.66732 1.33331H9.33398C9.68761 1.33331 10.0267 1.47379 10.2768 1.72384C10.5268 1.97389 10.6673 2.31302 10.6673 2.66665V3.99998\" stroke=\"#727692\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M6.66602 7.33331V11.3333\" stroke=\"#727692\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M9.33398 7.33331V11.3333\" stroke=\"#727692\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-trash-modal\" viewBox=\"0 0 64 64\">\n<path d=\"M41.68 61H22.32C19.3867 61 16.8933 58.9636 16.4533 56.0545L10 13H54L47.4 56.0545C46.96 58.9636 44.4667 61 41.68 61Z\" fill=\"#FFCEC7\"/>\r\n<path d=\"M52.125 16H11.875C10.2937 16 9 14.65 9 13C9 11.35 10.2937 10 11.875 10H52.125C53.7062 10 55 11.35 55 13C55 14.65 53.7062 16 52.125 16Z\" fill=\"#FF806E\"/>\r\n<path d=\"M18 10C18 6.68629 20.6863 4 24 4H40C43.3137 4 46 6.68629 46 10H18Z\" fill=\"#FFB6AC\"/>\n</symbol>\n<symbol id=\"icon-triangle\" viewBox=\"0 0 20 20\">\n<path d=\"M16.7407 8.53217L4.95735 1.47384C4.70533 1.32831 4.4196 1.25131 4.12858 1.25049C3.83757 1.24968 3.55141 1.32508 3.29858 1.46919C3.04575 1.61331 2.83506 1.82111 2.68747 2.07193C2.53989 2.32275 2.46055 2.60784 2.45735 2.89884L2.45735 17.0155C2.46055 17.3065 2.53989 17.5916 2.68747 17.8424C2.83506 18.0932 3.04575 18.301 3.29858 18.4451C3.55141 18.5893 3.83757 18.6647 4.12858 18.6638C4.4196 18.663 4.70533 18.586 4.95735 18.4405L16.7407 11.3822C16.9856 11.2336 17.1881 11.0244 17.3286 10.7748C17.4691 10.5252 17.543 10.2436 17.543 9.95717C17.543 9.67072 17.4691 9.38911 17.3286 9.13951C17.1881 8.8899 16.9856 8.68073 16.7407 8.53217Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-triangle-scan\" viewBox=\"0 0 11 10\">\n<path d=\"M7.19885 9C6.42905 10.3333 4.50455 10.3333 3.73475 9L0.270644 3C-0.499157 1.66666 0.463095 -7.70529e-07 2.0027 -9.05125e-07L8.9309 -1.51081e-06C10.4705 -1.6454e-06 11.4327 1.66666 10.6629 3L7.19885 9Z\" fill=\"currentColor\"/>\n</symbol>\n<symbol id=\"icon-unlock\" viewBox=\"0 0 20 20\">\n<path d=\"M15.8333 9.16669H4.16667C3.24619 9.16669 2.5 9.91288 2.5 10.8334V16.6667C2.5 17.5872 3.24619 18.3334 4.16667 18.3334H15.8333C16.7538 18.3334 17.5 17.5872 17.5 16.6667V10.8334C17.5 9.91288 16.7538 9.16669 15.8333 9.16669Z\" stroke=\"#727692\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M5.8335 9.16667V5.83334C5.83246 4.80005 6.2154 3.80323 6.90798 3.03639C7.60055 2.26956 8.55336 1.78742 9.58142 1.68358C10.6095 1.57974 11.6395 1.86159 12.4714 2.47443C13.3033 3.08727 13.8779 3.98738 14.0835 5.00001\" stroke=\"#727692\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-user\" viewBox=\"0 0 24 24\">\n<path d=\"M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n<symbol id=\"icon-wrong-check\" viewBox=\"0 0 584 584\">\n<mask id=\"mask0_262_5811\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"43\" y=\"39\" width=\"498\" height=\"506\">\r\n<path d=\"M292.001 530.28C322.683 530.319 353.07 524.173 381.417 512.196C409.763 500.219 435.511 482.646 457.179 460.488C478.902 438.385 496.129 412.122 507.871 383.208C519.613 354.293 525.638 323.297 525.6 292C525.638 260.703 519.613 229.707 507.871 200.792C496.129 171.877 478.902 145.614 457.179 123.512C435.511 101.354 409.763 83.7811 381.417 71.8039C353.07 59.8267 322.683 53.6808 292.001 53.7194C261.318 53.6808 230.931 59.8267 202.584 71.8039C174.238 83.7811 148.49 101.354 126.822 123.512C105.099 145.614 87.8718 171.877 76.1298 200.792C64.3879 229.707 58.3627 260.703 58.4006 292C58.3627 323.297 64.3879 354.293 76.1298 383.208C87.8718 412.122 105.099 438.385 126.822 460.488C148.49 482.646 174.238 500.219 202.584 512.196C230.931 524.173 261.318 530.319 292.001 530.28Z\" fill=\"white\" stroke=\"white\" stroke-width=\"29.2\" stroke-linejoin=\"round\"/>\r\n<path d=\"M198.551 291.997L268.631 363.481L408.791 220.513\" stroke=\"black\" stroke-width=\"29.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</mask>\r\n<g mask=\"url(#mask0_262_5811)\">\r\n<path d=\"M11.6895 6.06348H572.329V577.937H11.6895V6.06348Z\" fill=\"#FF604A\"/>\r\n</g>\r\n<rect x=\"189\" y=\"261.956\" width=\"213\" height=\"112\" transform=\"rotate(-45.1304 189 261.956)\" fill=\"#FF604A\"/>\n</symbol>\n<symbol id=\"icon-wrong-edit\" viewBox=\"0 0 16 16\">\n<path d=\"M11.3335 1.99998C11.5086 1.82488 11.7165 1.68599 11.9452 1.59123C12.174 1.49647 12.4192 1.44769 12.6668 1.44769C12.9145 1.44769 13.1597 1.49647 13.3884 1.59123C13.6172 1.68599 13.8251 1.82488 14.0002 1.99998C14.1753 2.17507 14.3142 2.38294 14.4089 2.61172C14.5037 2.84049 14.5524 3.08569 14.5524 3.33331C14.5524 3.58093 14.5037 3.82613 14.4089 4.05491C14.3142 4.28368 14.1753 4.49155 14.0002 4.66664L5.00016 13.6666L1.3335 14.6666L2.3335 11L11.3335 1.99998Z\" stroke=\"#515468\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</symbol>\n</svg>\n" as const;