Update app.css

app.css

@@ -121,11 +121,23 @@ footer, .footer, div[class*="footer"], #footer {
   display: none !important;
 }
 
+/* 우측 상단 버튼 영역 */
+.right-top-buttons {
+  margin-bottom: 10px;
+}
+
+.action-buttons {
+  margin-top: 5px;
+  margin-bottom: 8px;
+  display: flex;
+  flex-wrap: wrap;
+}
+
 #component-0 textarea,
 .gradio-container textarea,
 .ant-input-textarea-large textarea {
-  /* 더 정확한 높이 비율 조정 */
-  height: 750px !important; /* 우측 패널 내용물 높이 조정 (헤더, 버튼, 헬프텍스트 등 고려) */
+  /* 텍스트 영역 높이 조정 */
+  height: 790px !important; /* 버튼들이 상단으로 이동하여 높이 조정 */
   min-height: 300px !important;
   resize: vertical !important;
   border: 2px solid var(--neutral-200);
@@ -145,18 +157,10 @@ footer, .footer, div[class*="footer"], #footer {
 }
 
 .setting-buttons {
-  position: sticky;
-  top: 1rem;
-  right: 0;
-  z-index: 1000;
   display: flex;
   gap: 8px;
-  padding: 12px;
-  background: rgba(255, 255, 255, 0.9);
-  backdrop-filter: blur(8px);
-  border-radius: 12px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
-  border: 1px solid var(--neutral-200);
+  padding: 8px 0;
+  justify-content: flex-end;
 }
 
 .right_panel {
@@ -181,6 +185,9 @@ footer, .footer, div[class*="footer"], #footer {
   flex-direction: column;
   height: 900px; /* 좌측 패널과 동일하게 900px */
   flex: 1;
+  border-radius: 8px;
+  margin-top: 0; /* 상단 여백 제거 */
+  overflow: hidden;
 }
 
 .html_content {
@@ -427,6 +434,10 @@ footer, .footer, div[class*="footer"], #footer {
     min-width: 54px; /* 기존 60px에서 10% 감소 */
     font-size: 0.81rem; /* 0.9rem에서 10% 감소 */
   }
+  
+  .action-buttons {
+    flex-wrap: wrap;
+  }
 }
 
 /* Animations */