릴리스: v1.2.65 축소 검색 모달과 에디터 토글 동작 보정

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;
   }

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 {