Upload src/style.css with huggingface_hub

src/style.css

@@ -0,0 +1,88 @@
+
+/* 1. 폰트 및 기본 배경 설정 */
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap');
+
+html, body, [data-testid="stAppViewContainer"] {
+    background: #1A1A2E !important;
+    font-family: 'Noto Sans KR', sans-serif !important;
+    color: #FFFFFF !important;
+}
+
+/* 2. 사이드바 디자인 */
+[data-testid="stSidebar"] {
+    background: #16213E !important;
+    border-right: 1px solid #2A3550;
+}
+
+/* 3. 입력창 컨테이너 및 텍스트 영역 */
+.input-title {
+    background: #16213E;
+    border: 1px solid #2A3550;
+    border-bottom: none;
+    border-radius: 12px 12px 0 0;
+    padding: 14px 22px 10px 22px;
+    font-size: 0.74rem; font-weight: 600;
+    color: #8892A4; letter-spacing: 1.5px; text-transform: uppercase;
+}
+
+[data-testid="stVerticalBlockBorderWrapper"] {
+    background: #16213E !important;
+    border: 1px solid #2A3550 !important;
+    border-top: none !important;
+    border-radius: 0 0 12px 12px !important;
+    padding: 16px 20px 20px !important;
+    margin-bottom: 14px !important;
+}
+
+/* 4. KT 전용 레드 버튼 스타일 */
+[data-testid="stButton"] > button {
+    background: #E3000B !important; color: white !important;
+    border: none !important; border-radius: 8px !important;
+    font-family: 'Noto Sans KR', sans-serif !important;
+    font-weight: 600 !important; font-size: 0.9rem !important;
+    padding: 10px 24px !important; transition: all 0.2s !important;
+    width: 100%;
+}
+
+[data-testid="stButton"] > button:hover {
+    background: #c0000a !important;
+    box-shadow: 0 4px 16px rgba(227,0,11,0.4) !important;
+    transform: translateY(-1px) !important;
+}
+
+/* 5. 텍스트 입력 및 텍스트 영역 스타일 */
+[data-testid="stTextArea"] textarea,
+[data-testid="stTextInput"] input {
+    background: rgba(15,33,62,0.9) !important;
+    border: 1px solid #2A3550 !important;
+    color: #FFFFFF !important; border-radius: 8px !important;
+}
+
+/* 6. 탭(Tabs) 디자인 */
+[data-testid="stTabs"] [data-baseweb="tab-list"] {
+    background: #16213E !important; border-bottom: 1px solid #2A3550 !important;
+}
+[data-testid="stTabs"] [data-baseweb="tab"] {
+    color: #8892A4 !important;
+}
+[data-testid="stTabs"] [aria-selected="true"] {
+    color: #FFFFFF !important; border-bottom: 2px solid #E3000B !important;
+}
+
+/* 7. 헤더 및 여백 제거 (Hugging Face 최적화) */
+[data-testid="stHeader"] { background: transparent !important; }
+[data-testid="stAppViewContainer"] > .main { padding-top: 1rem !important; }
+
+/* 8. 글자 흔들림 방지 및 가독성 설정 */
+p, .stMarkdown p { 
+    color: #F0F4F8 !important; 
+    transition: none !important; /* 리사이징 시 애니메이션 제거 */
+    word-break: keep-all; 
+}
+
+/* 9. 사이드바 라벨 전용 */
+.sb-label {
+    font-size: 0.7rem; color: #8892A4;
+    letter-spacing: 1.2px; text-transform: uppercase;
+    margin: 4px 0 8px 0;
+}