.ral-wrap{
  max-width:100%;
  margin:20px auto;
}

.ral-title{
  margin-bottom:10px;
}

.ral-input{
  width:100%;
  padding:12px;
  border:1px solid #ddd;
  border-radius:10px;
  outline:none;
}

.ral-result{
  margin-top:15px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ral-card{
  display:flex;
  gap:12px;
  padding:12px;
  background:#fff;
  border:1px solid #eee;
  border-radius:10px;
  align-items:center;
}

.ral-box{
  width:60px;
  height:60px;
  border-radius:8px;
  border:1px solid #ddd;
}

.ral-code{
  font-weight:600;
}

.ral-name{
  font-size:13px;
  color:#666;
}

.ral-hex{
  font-size:12px;
  color:#999;
}

.ral-empty{
  text-align:center;
  padding:10px;
  color:#888;
}