Update app.css

app.css

@@ -46,12 +46,10 @@
   border: none;
 }
 
-/* Footer 숨기기 */
 footer, .footer, div[class*="footer"], #footer {
     display: none !important;
 }
 
-/* Textarea 스타일링 */
 #component-0 textarea,
 .gradio-container textarea,
 .ant-input-textarea-large textarea {
@@ -60,7 +58,6 @@ footer, .footer, div[class*="footer"], #footer {
     resize: vertical !important;
 }
 
-/* Setting 버튼 스타일링 */
 .setting-buttons {
     position: absolute;
     top: 0;
@@ -72,7 +69,6 @@ footer, .footer, div[class*="footer"], #footer {
     background-color: white;
 }
 
-/* 우측 패널 스타일링 */
 .right_panel {
     position: relative;
     min-height: 600px;
@@ -83,7 +79,6 @@ footer, .footer, div[class*="footer"], #footer {
     height: 100%;
 }
 
-/* 버튼 스타일링 */
 .ant-btn {
     flex: 1;
     min-width: 80px;
@@ -98,7 +93,6 @@ footer, .footer, div[class*="footer"], #footer {
     border-color: #1890ff;
 }
 
-/* Code 실행 버튼 스타일 */
 .ant-btn-default[title="Code 실행"] {
     background-color: #52c41a;
     color: white;
@@ -109,7 +103,6 @@ footer, .footer, div[class*="footer"], #footer {
     background-color: #73d13d;
 }
 
-/* 세션 드로어 스타일 */
 .session-drawer .chatbot {
     height: calc(100vh - 200px);
     overflow-y: auto;
@@ -157,11 +150,37 @@ footer, .footer, div[class*="footer"], #footer {
     font-size: 16px;
 }
 
+.card-prompt-container {
+    position: relative;
+    padding-right: 60px;
+}
+
 .card-prompt {
     font-size: 0.9em;
     color: #666;
     display: -webkit-box;
-    -webkit-line-clamp: 4;  /* 3에서 4로 변경 */
+    -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
+}
+
+.copy-btn {
+    position: absolute;
+    right: 0;
+    top: 0;
+    padding: 4px 8px;
+    background: #f0f0f0;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 0.9em;
+    transition: all 0.2s ease;
+}
+
+.copy-btn:hover {
+    background: #e0e0e0;
+}
+
+.copy-btn:active {
+    background: #d0d0d0;
 }