Upload app.py with huggingface_hub

app.py

@@ -608,6 +608,65 @@ input[type="range"]::-webkit-slider-runnable-track {
     padding: 4px 6px !important;
 }
 
+/* ========================================
+   Radioボタン: ダイヤモンド◆スタイル
+   ======================================== */
+[data-testid="radio-group"] {
+    background: rgba(255,255,255,0.5) !important;
+    border: 1.25px solid #a8c8a8 !important;
+    border-radius: 0 !important;
+    padding: 14px 16px !important;
+    box-shadow: 3px 3px 0px 0px #c0d8c0 !important;
+}
+[data-testid="radio-group"] label {
+    display: flex !important;
+    align-items: center !important;
+    gap: 10px !important;
+    padding: 8px 12px !important;
+    cursor: pointer !important;
+    transition: all 0.2s ease !important;
+    border-bottom: 1px solid rgba(138,170,138,0.15) !important;
+    font-family: 'Cormorant Garamond', 'Georgia', serif !important;
+    font-size: 14px !important;
+    font-weight: 500 !important;
+    letter-spacing: 0.08em !important;
+}
+[data-testid="radio-group"] label:last-child {
+    border-bottom: none !important;
+}
+[data-testid="radio-group"] label:hover {
+    background: rgba(178,216,210,0.15) !important;
+}
+/* ラジオ丸を隠してダイヤモンドに */
+[data-testid="radio-group"] input[type="radio"] {
+    -webkit-appearance: none !important;
+    appearance: none !important;
+    width: 14px !important;
+    height: 14px !important;
+    min-width: 14px !important;
+    border: 1.5px solid #8aaa8a !important;
+    border-radius: 0 !important;
+    background: #ffffff !important;
+    transform: rotate(45deg) !important;
+    cursor: pointer !important;
+    transition: all 0.25s ease !important;
+    box-shadow: 1px 1px 3px rgba(0,0,0,0.1) !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    flex-shrink: 0 !important;
+}
+[data-testid="radio-group"] input[type="radio"]:checked {
+    background: #3a5a3a !important;
+    border-color: #3a5a3a !important;
+    box-shadow: 2px 2px 4px rgba(0,0,0,0.2) !important;
+}
+/* チェック時のラベルテキスト強調 */
+[data-testid="radio-group"] input[type="radio"]:checked + span,
+[data-testid="radio-group"] input[type="radio"]:checked ~ span {
+    color: #2a3a2a !important;
+    font-weight: 600 !important;
+}
+
 /* ========================================
    Gradioボタン: VIEW MORE風 / セリフ体 / シャープ
    ======================================== */