/* Additive styles. Existing mf-chok.css is unchanged. */
.mf-chok-uploader [hidden], .mf-chok-media-modal [hidden] { display:none !important; }
.mf-chok-media-tabs { display:flex; gap:10px; margin-bottom:12px; }
.mf-chok-media-tabs button { flex:1; padding:12px; border:1px solid #73a58e; background:#fff; color:#315c4d; border-radius:10px; cursor:pointer; font-size:15px; }
.mf-chok-media-tabs button[aria-pressed=true] { background:#438c74; color:#fff; font-weight:700; }
.mf-chok-video-upload { margin:18px 0; padding:18px; border:1px solid #73a58e; border-radius:14px; background:#fbfdfb; }
.mf-chok-video-upload h3 { margin-top:0; color:#315c4d; }
.mf-chok-video-upload p { line-height:1.7; overflow-wrap:anywhere; }
.mf-chok-video-upload label { display:block; margin:16px 0 6px; font-weight:700; }
.mf-chok-video-upload input[type=file], .mf-chok-video-upload select { display:block; width:100%; box-sizing:border-box; margin-top:8px; padding:10px; border:1px solid #a9bdb2; border-radius:8px; background:#fff; color:#233e34; font-size:14px; }
.mf-chok-video-upload video { display:block; width:100%; max-height:380px; object-fit:contain; background:#111; border-radius:10px; }
.mf-chok-video-upload progress { display:block; width:100%; height:18px; margin-top:16px; accent-color:#438c74; }
.mf-chok-video-upload [data-cvt=upload] { background:#438c74; color:#fff; font-weight:700; }
.mf-chok-video-caption { padding:5px 0; text-align:center; font-size:13px; }
.mf-chok-modal-video { display:block; width:100%; height:100%; background:#000; object-fit:contain; }
.mf-chok-media-modal .mf-chok-bgm-toggle, .mf-chok-media-modal .mf-chok-play-toggle { position:absolute; z-index:55; top:80px; border:1px solid rgba(255,255,255,.5); border-radius:20px; padding:9px 13px; min-height:42px; background:rgba(0,0,0,.65); color:#fff; font-size:13px; cursor:pointer; }
.mf-chok-media-modal .mf-chok-bgm-toggle { right:14px; }
.mf-chok-media-modal .mf-chok-play-toggle { left:14px; }
.mf-chok-play-message { position:absolute; z-index:50; left:18px; right:18px; top:45%; margin:0; padding:12px; border-radius:10px; background:rgba(0,0,0,.8); color:white; text-align:center; pointer-events:none; }
.mf-chok-media-modal button:focus-visible, .mf-chok-media-tabs button:focus-visible { outline:3px solid #a5e4cb; outline-offset:2px; }
@media(max-width:480px) { .mf-chok-video-upload { padding:12px; } .mf-chok-media-modal .mf-chok-bgm-toggle, .mf-chok-media-modal .mf-chok-play-toggle { top:calc(80px + env(safe-area-inset-top, 0px)); } }