Upload app.py with huggingface_hub

app.py

@@ -611,18 +611,20 @@ input[type="range"]::-webkit-slider-runnable-track {
 /* ========================================
    Radioボタン: ダイヤモンド◆スタイル
    ======================================== */
-[data-testid="radio-group"] {
+.diamond-radio {
     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 {
+.diamond-radio label,
+.diamond-radio .wrap label,
+.diamond-radio label.svelte-1kcyvh9 {
     display: flex !important;
     align-items: center !important;
     gap: 10px !important;
-    padding: 8px 12px !important;
+    padding: 10px 12px !important;
     cursor: pointer !important;
     transition: all 0.2s ease !important;
     border-bottom: 1px solid rgba(138,170,138,0.15) !important;
@@ -631,40 +633,61 @@ input[type="range"]::-webkit-slider-runnable-track {
     font-weight: 500 !important;
     letter-spacing: 0.08em !important;
 }
-[data-testid="radio-group"] label:last-child {
+.diamond-radio label:last-child {
     border-bottom: none !important;
 }
-[data-testid="radio-group"] label:hover {
+.diamond-radio label:hover {
     background: rgba(178,216,210,0.15) !important;
 }
-/* ラジオ丸を隠してダイヤモンドに */
-[data-testid="radio-group"] input[type="radio"] {
+/* ラジオ丸→ダイヤモンド: あらゆるinput[type=radio]をカバー */
+.diamond-radio input[type="radio"],
+.diamond-radio input[type="radio"]::before,
+.diamond-radio input[type="radio"]::after {
     -webkit-appearance: none !important;
     appearance: none !important;
+    border-radius: 0 !important;
+}
+.diamond-radio input[type="radio"] {
     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;
+    margin: 0 4px 0 0 !important;
     padding: 0 !important;
     flex-shrink: 0 !important;
 }
-[data-testid="radio-group"] input[type="radio"]:checked {
+.diamond-radio 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 6: 丸いsvg/spanインジケーターも上書き */
+.diamond-radio .radio-circle,
+.diamond-radio [class*="radio"] span:first-child,
+.diamond-radio .item > div:first-child,
+.diamond-radio .choice > div:first-child {
+    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;
+    box-shadow: 1px 1px 3px rgba(0,0,0,0.1) !important;
+    transition: all 0.25s ease !important;
+}
+.diamond-radio .selected .radio-circle,
+.diamond-radio .selected [class*="radio"] span:first-child,
+.diamond-radio .selected .item > div:first-child,
+.diamond-radio .selected .choice > div:first-child {
+    background: #3a5a3a !important;
+    border-color: #3a5a3a !important;
+    box-shadow: 2px 2px 4px rgba(0,0,0,0.2) !important;
 }
 
 /* ========================================
@@ -911,7 +934,7 @@ with gr.Blocks() as demo:
 
             # 録音 & サンプル追加
             gr.Markdown("### 録音")
-            label_dd = gr.Radio(choices=LABELS, label="ラベル選択", interactive=True)
+            label_dd = gr.Radio(choices=LABELS, label="ラベル選択", interactive=True, elem_classes=["diamond-radio"])
             audio_rec = gr.Audio(sources=["microphone"], type="numpy", label="録音")
             add_sample_btn = gr.Button("追加", variant="primary", size="lg")
             with gr.Row():
@@ -931,7 +954,7 @@ with gr.Blocks() as demo:
             )
             selected_idx_state = gr.State(None)
             replay_audio = gr.Audio(type="numpy", label="選択した音声（再生）", interactive=False)
-            relabel_dd = gr.Radio(choices=LABELS, label="ラベル修正", interactive=True)
+            relabel_dd = gr.Radio(choices=LABELS, label="ラベル修正", interactive=True, elem_classes=["diamond-radio"])
             with gr.Row():
                 relabel_btn = gr.Button("ラベル更新", size="lg")
                 del_btn = gr.Button("削除", size="lg")