.audio-selectors{
display:flex;
gap:10px;
margin-bottom:15px;
flex-wrap:wrap;
}

.audio-btn{
padding:8px 14px;
border:none;
background:#333;
color:#fff;
cursor:pointer;
border-radius:6px;
}

.audio-player button{
padding:10px 18px;
margin-right:10px;
font-size:16px;
}

.audio-row{
display:flex;
gap:10px;
margin-bottom:8px;
align-items:center;
}

.drag{
cursor:move;
font-size:18px;
}

.audio-btn.active{
background:#ffd400;
transform:scale(1.05);
}

/* =====================
 セレクターエリア
===================== */
.audio-selectors{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:15px;
}

/* =====================
 円形ボタン
===================== */
.audio-btn{
    width:40px;
    height:40px;
    border-radius:50%;
    border:1;
    background:#444;
    color:#fff;
    cursor:pointer;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;
    font-size:14px;
    line-height:1.2;
    padding:6px;

    transition:all .25s ease;
}

/* ホバー */
.audio-btn:hover{
    transform:scale(1.08);
    background:#666;
}

/* 再生中 */
.audio-btn.active{
    background:#ff5722;
    box-shadow:0 0 12px rgba(255,87,34,.6);
    transform:scale(1.1);
}

/* スマホ対応 */
@media(max-width:600px){

    .audio-btn{
        width:40px;
        height:40px;
        font-size:16px;
    }

}