From 0b283276ce1fde066bf2eea83b762f8b580efbf8 Mon Sep 17 00:00:00 2001
From: zenn <zenn.message@gmail.com>
Date: Tue, 31 Mar 2026 15:53:02 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A6=B4=EB=A6=AC=EC=8A=A4:=20v1.2.65=20?=
 =?UTF-8?q?=EC=B6=95=EC=86=8C=20=EA=B2=80=EC=83=89=20=EB=AA=A8=EB=8B=AC?=
 =?UTF-8?q?=EA=B3=BC=20=EC=97=90=EB=94=94=ED=84=B0=20=ED=86=A0=EA=B8=80=20?=
 =?UTF-8?q?=EB=8F=99=EC=9E=91=20=EB=B3=B4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/update.md                        |  4 ++
 frontend/src/App.vue                  | 57 ++++++++++++++++++++++++++-
 frontend/src/views/TierEditorView.vue |  9 +++--
 3 files changed, 65 insertions(+), 5 deletions(-)

diff --git a/docs/update.md b/docs/update.md
index fbd05c4..7fc04b8 100644
--- a/docs/update.md
+++ b/docs/update.md
@@ -1,5 +1,9 @@
 # 업데이트 로그
 
+## 2026-03-31 v1.2.65
+- 에디터 옵션 토글의 라벨과 스위치 순서를 바꾼 뒤 체크 상태 셀렉터가 끊긴 문제를 보정해, 왼쪽 라벨·오른쪽 스위치 배치에서도 정상 동작하도록 수정함.
+- 왼쪽 사이드 축소 상태 검색은 전용 모달의 기본 스타일이 빠져 있던 문제를 복구해, 다시 중앙 상단 검색 오버레이로 열리도록 정리함.
+
 ## 2026-03-31 v1.2.64
 - 메인 콘텐츠가 길어질 때 스크롤 끝이 화면 바닥에 붙지 않도록 중앙 워크스페이스 하단 여백을 추가하고, 긴 작업 화면에서도 마감선이 답답하지 않게 보정함.
 - 템플릿 요청 모달 입력창을 Settings 화면과 같은 어두운 언더라인 입력 문법으로 통일하고, 에디터의 공개/이름 표시 옵션은 체크박스 대신 스위치형 토글로 재구성함.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 3cc5984..ff1cb40 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -893,6 +893,60 @@ function submitGlobalSearch() {
   display: none;
 }
 
+.collapsedSearchModal {
+  position: fixed;
+  inset: 0;
+  z-index: 35;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  padding: 88px 20px 20px;
+  background: rgba(0, 0, 0, 0.44);
+  backdrop-filter: blur(6px);
+}
+
+.collapsedSearchBar {
+  width: min(520px, calc(100vw - 32px));
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  padding: 18px 22px;
+  border-radius: 24px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  background: rgba(26, 26, 26, 0.96);
+  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.34);
+}
+
+.collapsedSearchBar__icon {
+  width: 28px;
+  height: 28px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+}
+
+.collapsedSearchBar__icon img {
+  width: 28px;
+  height: 28px;
+  display: block;
+  filter: brightness(0) saturate(100%) invert(94%) sepia(6%) saturate(207%) hue-rotate(186deg) brightness(96%) contrast(92%);
+}
+
+.collapsedSearchBar__input {
+  min-width: 0;
+  flex: 1;
+  border: 0;
+  background: transparent;
+  color: rgba(255, 255, 255, 0.92);
+  font-size: 18px;
+  font-weight: 700;
+  outline: none;
+}
+
+.collapsedSearchBar__input::placeholder {
+  color: rgba(255, 255, 255, 0.46);
+}
 
 .localRightRailRoot {
   min-height: auto;
@@ -1087,10 +1141,11 @@ function submitGlobalSearch() {
   }
 
   .collapsedSearchModal {
-    padding-top: 72px;
+    padding: 72px 16px 16px;
   }
 
   .collapsedSearchBar {
+    width: min(100%, calc(100vw - 24px));
     padding: 16px 18px;
     border-radius: 20px;
   }
diff --git a/frontend/src/views/TierEditorView.vue b/frontend/src/views/TierEditorView.vue
index 9a9118e..4632aa1 100644
--- a/frontend/src/views/TierEditorView.vue
+++ b/frontend/src/views/TierEditorView.vue
@@ -992,13 +992,13 @@ onUnmounted(() => {
       <div class="editorSidebar__section editorSidebar__section--footer">
         <label class="toggleSwitch" :class="{ 'toggleSwitch--disabled': !canEdit }">
           <input v-model="isPublic" type="checkbox" :disabled="!canEdit" />
-          <span class="toggleSwitch__track"><span class="toggleSwitch__thumb"></span></span>
           <span class="toggleSwitch__label">공개</span>
+          <span class="toggleSwitch__track"><span class="toggleSwitch__thumb"></span></span>
         </label>
         <label class="toggleSwitch" :class="{ 'toggleSwitch--disabled': !canEdit }">
           <input v-model="showCharacterNames" type="checkbox" :disabled="!canEdit" />
-          <span class="toggleSwitch__track"><span class="toggleSwitch__thumb"></span></span>
           <span class="toggleSwitch__label">캐릭터 이름 표시</span>
+          <span class="toggleSwitch__track"><span class="toggleSwitch__thumb"></span></span>
         </label>
         <div class="editorSidebar__actionGrid">
           <button class="btn btn--ghost editorSidebar__button" @click="downloadImage">이미지 다운로드</button>
@@ -1137,6 +1137,7 @@ onUnmounted(() => {
 .toggleSwitch {
   display: inline-flex;
   align-items: center;
+  justify-content: space-between;
   gap: 12px;
   padding: 10px 12px;
   border-radius: 14px;
@@ -1175,11 +1176,11 @@ onUnmounted(() => {
   font-weight: 800;
   color: rgba(255, 255, 255, 0.9);
 }
-.toggleSwitch input:checked + .toggleSwitch__track {
+.toggleSwitch input:checked ~ .toggleSwitch__track {
   background: rgba(96, 165, 250, 0.34);
   border-color: rgba(96, 165, 250, 0.42);
 }
-.toggleSwitch input:checked + .toggleSwitch__track .toggleSwitch__thumb {
+.toggleSwitch input:checked ~ .toggleSwitch__track .toggleSwitch__thumb {
   transform: translateX(18px);
 }
 .toggleSwitch--disabled {